skills.rest
Peleke
PelekeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

visual-pass

Analyze educational content to produce a prioritized visual asset injection manifest.

Updated Mar 7, 2026
Search Tags:#visuals#animations#instructional design#diagrams#asset generation#content enhancement
One-click install
npx skills add https://github.com/Peleke/hunter --skill visual-pass
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-pass
Source: https://github.com/Peleke/hunter/tree/main/skills/visual-pass
Command: npx skills add https://github.com/Peleke/hunter --skill visual-pass

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill identifies opportunities within educational content (notebooks, tutorials, articles) to strategically inject visual assets, improving comprehension and engagement without directly creating the visuals.

Core Features & Use Cases

  • Content Analysis: Scans text and code to detect specific signals indicating a need for visuals (e.g., descriptions of architecture, processes, data comparisons).
  • Visual Type Identification: Recommends appropriate visual types (static diagrams, animations, interactive charts, before/after panels, etc.) based on content signals.
  • Prioritized Injection Plan: Generates a ranked list of visual opportunities, respecting budget constraints and content type.
  • Delegation: Creates detailed "visual intents" that specify what needs to be rendered and how, delegating the actual production to other tools or skills (e.g., inline-svg-architecture-diagrams, Manim MCP, ComfyUI MCP).
  • Use Case: When writing a technical tutorial, this Skill can analyze the draft and produce a manifest detailing exactly where to add architecture diagrams, animations explaining complex processes, and before/after comparisons of code performance, along with precise instructions for each visual.

Quick Start

Analyze the provided Jupyter notebook 'data-processing-pipeline.ipynb' to identify visual asset injection points.

Frequently Asked Questions about visual-pass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify where to add visuals in a technical tutorial?▼

To identify where to add visuals in a technical tutorial, analyze the text and code to detect specific signals like architecture descriptions, processes, or data comparisons. This produces a prioritized manifest of visual asset injection points with rendering instructions.

What types of visual assets can be injected into educational content?▼

Visual asset types that can be injected into educational content include static diagrams, animations, interactive charts, and before/after panels. The appropriate visual type is recommended based on detected content signals.

How do I plan visual enhancements for a Jupyter notebook?▼

To plan visual enhancements for a Jupyter notebook, analyze the draft content to scope visual asset needs and generate a ranked list of visual opportunities. This plan respects content type budgets and differentiates between static and interactive elements.

Can I use this approach to generate actual diagram images for my articles?▼

You cannot use this approach to directly generate diagram images for articles. It creates detailed visual intents specifying what needs rendering, delegating actual production to other tools like inline-svg-architecture-diagrams, Manim MCP, or ComfyUI MCP.

Does the visual injection plan coordinate with interactive content elements?▼

The visual injection plan coordinates with interactive content elements by requiring coordination with engagement-pass. It differentiates between static diagrams, animations, and interactive charts while adhering to content type budgets.

Related Skills

Explore More Design & Creative Skills→
huangservahuangserva
155

comic-generator

Transform articles and tutorials into visual knowledge comics.

Community
Advanced
AvaivartikaAvaivartika
1

mermaid

Render Mermaid diagrams from Mermaid syntax to SVG or ASCII.

Community
Intermediate
inz-brasilinz-brasil
5

stories-instagram

Design Instagram story sequences with scripts, visual cues, and interactive stickers.

Community
Intermediate
docaohieu2808docaohieu2808

content-hub

Displayss, searches, and edits car and bike listings with image support.

Community
Intermediate