Generate Hand-Drawn Article Illustrations with Grav Character

Article Illustrations - Grav Hand-Drawn Style generates 16:9 landscape whiteboard-sketch illustrations for articles, blog posts, and technical documentation. Each illustration transforms abstract concepts into concrete visual metaphors using a recurring character called Grav: a small, round, always-floating figure with dot eyes and a thin antenna who actively participates in every scene.

Use this skill when writing articles or documentation that need inline illustrations to explain abstract concepts, when you want a consistent visual language across multiple pieces, or when you need hand-drawn explanation sketches rather than formal infographics. Use it to turn cognitive anchor points - core judgments, turning points, input/output loops, before/after contrasts - into memorable visual explanations.

Do NOT use this for photorealistic product imagery, brand-final artwork, or formal PPT-style infographics. The style is intentionally absurd and sketch-like, not polished or corporate.

You provide article text, blog content, or a single concept that needs visual explanation. You identify cognitive anchor points and plan a shot list defining placement, theme, core meaning, composition pattern (from 8 structure types: Workflow, System Closeup, Before/After, Role States, Conceptual Metaphor, Layered Method, Map Route, Mini Comic), Grav's action, and annotation labels.

You receive 16:9 landscape images with pure white backgrounds, black hand-drawn line art with slight wobble, and sparse red/orange/blue handwritten English annotations (3-5 short labels per image). Each image uses 40-60% of the canvas with 35%+ whitespace, and Grav always appears floating (never touching surfaces) as an active participant.

Requires access to an image-generation tool that can follow composition, line-art, and annotation constraints. Uses the generate_image tool with built-in prompt templates.

Technical writers, content creators, and documentation teams who need consistent, explanatory illustrations for articles and blog posts. Ideal for those who want to move beyond generic stock images or formal diagrams toward memorable, absurd-but-clear visual metaphors that aid comprehension.

Plan illustrations before generating:

Analyze this article and create a shot list of 5 illustrations.
Don't generate images yet - just plan which cognitive anchor points
deserve illustrations and what each image should convey.

<paste article>

Generate a single concept illustration:

Generate one 16:9 illustration for this concept:
"Trust isn't declared - it's built one piece of evidence at a time."
Grav must perform the core action. Maximum 5 annotation labels.

Iterate on results:

This illustration is on the right track, but Grav feels like decoration.
Keep the core meaning but regenerate: make Grav the one actually
driving the structure.

The skill enforces strict style rules: black for main line art, red for key highlights/problems/warnings, orange for main flow/paths/arrows, and blue for supplementary notes. Green, purple, yellow, pink, gradients, drop shadows, 3D effects, and realistic UI elements are prohibited. Text in generated images may require post-generation review for spelling accuracy.