# Article Illustrations

Generate hand-drawn 16:9 article illustrations featuring the Grav character IP.

- Repository: https://github.com/rmyndharis/antigravity-skills (1913 stars)
- Category: Writing
- License: MIT
- Last updated: 2026-10-14
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add rmyndharis/antigravity-skills --skill article-illustrations -g -a claude-code -y`
Codex: `npx skills add rmyndharis/antigravity-skills --skill article-illustrations -g -a codex -y`
Cursor: `npx skills add rmyndharis/antigravity-skills --skill article-illustrations -g -a cursor -y`
Gemini CLI: `npx skills add rmyndharis/antigravity-skills --skill article-illustrations -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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](https://github.com/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

The rest: https://github.com/rmyndharis/antigravity-skills/blob/HEAD/skills/article-illustrations/SKILL.md