Agent skill · creative production · sickn33
article-illustrations
Generate hand-drawn 16:9 article illustrations with the Grav character IP, sparse annotations, and absurd but clear visual 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 4k tokens when loaded. Last updated 2026-08-07. 44,571 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: vipin-si/article-illustrations When to Use This Skill Use when writing articles, blog posts, or documentation that need inline illustrations Use when you want to turn abstract concepts into concrete visual metaphors Use when you want a consistent visual language across multiple articles Use when you need hand-drawn explanation sketches, not PPT infographics How It Works 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 Use the generateimage tool with the built-in prompt template. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/article-illustrations--321d5e