Agent skill · design visual · rmyndharis
article-illustrations
Generate hand-drawn 16:9 article illustrations featuring the Grav character IP. Turns article concepts into memorable whiteboard-sketch explanations with a recurring floating character, sparse annotations, and absurd metaphors.
Why this skill is useful
Provides a structured approach to generating unique hand-drawn illustrations that convey complex ideas visually, which the AI wouldn't reliably create on its own.
What it needs
About 6k tokens when loaded. Last updated 2026-08-02. 1,255 stars on the source repository.
What this skill does
Article Illustrations — Grav Hand-Drawn Style Overview Generate 16:9 landscape hand-drawn illustrations for articles, blog posts, and technical content. Each illustration captures one cognitive anchor point from an article and turns it into a clean, absurd, memorable whiteboard-sketch explanation. The skill uses a recurring character IP called Grav: a small, round, always-floating figure with dot eyes and a thin antenna. Grav participates in the core action of every illustration — never just decoration. Repository: vssinghh/article-illustrations Use this skill when Writing articles, blog posts, or documentation that need inline illustrations Turning abstract concepts into concrete visual metaphors Establishing a consistent visual language across multiple articles Producing hand-drawn explanation sketches, not PPT infographics Do not use this skill when You need polished, corporate-style PPT infographics or formal flowcharts You do not want a recurring character IP (Grav) featured in the illustrations You require animated, 3D, or realistic interface mockups instead of whiteboard sketches Instructions Step 1: Digest the Article Read the article and identify cognitive anchor points — core judgments, turning points, input/output loops, before/after contrasts, and common pitfalls. Don't distribute illustrations evenly; prioritize moments that benefit from visual explanation. Step 2: Plan a Shot List For each illustration, define: Placement: After which section Theme: What this image is about Core Meaning: The one idea it conveys Structure Type: One of 8 composition patterns (Workflow, System Closeup, Before/After, Role States, Conceptual Metaphor, Layered Method, Map Route, Mini Comic) Grav's Action: What Grav is doing in the scene Annotation Labels: 3–5 short English labels Step 3: Generate Images Fill in the Prompt Template below with the shot-list details and generate one image per illustration. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills rmyndharis/article-illustrations