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