orange-line-illustration
Minimal New Yorker–inspired illustrations with white backgrounds, fine black lines, and orange accents—ideal for article artwork and insight cards.
Suggested prompts
Turn six key points from this article into Orange Line concept illustrations, one metaphor per image.
Create an Orange Line illustrated HTML talk from this PPT outline with white background, thin black lines, and one orange accent.
Generate a single concept illustration for this quote that is instantly understandable and quietly witty.
About this skill
Orange Line Illustration
Generates black-and-white line illustrations for articles, principles, covers, and more. Supports two workflows: creating a single 16:9 concept illustration, or turning an article/outline into a set of illustrated HTML slides. The style is consistent—fine black hand-drawn lines, pure white background, a single warm orange accent, tiny human figures against overwhelmingly large objects, and a quiet gray caption in the lower right corner.
Use Cases
- Create concept illustrations for articles, principles, metaphors, or covers
- Turn a speech outline or article into illustrated HTML slides
- Produce cohesive, visually focused illustrations that convey ideas at a glance
Preview
Single Concept Illustration
 |
 |
Notice the scale: people are always tiny, objects are always vast. This imbalance is the signature dramatic effect of the style.
Illustrations for "Inside the Nail"
Below are some of the illustrations generated for a long-form article "Inside the Nail" (20 images in total). Each is paired with a key sentence from the original text. Full effect: WeChat article (in Chinese)
 |
 |
| "Flying nonstop for over three hundred days without landing" | "Wanting everything makes it easy to get nothing" |
 |
 |
| "Always stand in the sender's shoes" | "Flags can gather people, but it's easy to hang too many things on them" |
 |
 |
| "AI must cut through the technical debt of old systems" | "DingTalk walks into the tavern like Kong Yiji" |
 |
 |
| "All arts lie in constants, not in variables" | "Intelligence is equalized, but context is not" |
 |
 |
| "The vent is right in the middle of an old city" | "After three months, only three people remained on the product" |
Core Capabilities
- Single concept illustration: turn a key judgment, principle, or metaphor into a 16:9 illustration; generate multiple candidates for you to choose from
- Illustrated slides: convert an article or outline into a set of HTML slides, each page featuring one illustration; supports batch generation and selection
- Three fixed character IPs:
- Xiao Cheng (default): a geometric stick figure drawn in black lines with an orange dot on the chest; quiet and hard‑working
- Xian Ren (Line Person): a minimalist human shape—round head, single curved body line, single‑line limbs—signaling “someone is here” with the fewest strokes
- Xian Mao (Line Cat): a kitten symbol drawn in 10–12 strokes; open arcs, two dot eyes, two ear strokes; the viewer’s brain completes the rest
- A consistent style specification: fine black ink lines with slight hand‑drawn wobble, pure white background, single warm orange accent
#F97316, tiny people versus vast objects, quiet gray caption in the lower right corner
How It Works
Single Illustration
- Extract a core key sentence from your input
- Design a concrete visual scene for that sentence
- Generate multiple candidate illustrations
- You pick the final result
Slide Deck
- Read your article or outline
- Draft a slide outline and ask for your confirmation
- Batch‑generate illustrations page by page
- After you select images, output an HTML file containing the full slide deck
What You Need to Provide
- The text content you want illustrated (article paragraphs, principles, metaphors, speech outlines, etc.)
- Your choice of workflow: single illustration or slide deck
What You Will Get
- For single illustration: one or more 16:9 images in the Orange Line style
- For slide deck: an HTML file with all illustrated slides, ready to view in a browser
Usage Examples
- “Create three orange‑line style illustrations for this article”
- “Turn this article into an orange‑line PPT”
Choosing a Workflow
- Single illustration: best for covers, article passages, key ideas, or metaphors that need a standalone visual
- Slide deck: best when you need to turn longer content into a multi‑page visual presentation, with each slide focused on a single core sentence
Important Notes
- Illustrations must strictly follow the style spec: pure white background, fine black hand‑drawn lines, only one warm orange accent
#F97316, tiny human figures (no fill), and a caption in the lower right corner - Character IPs have fixed definitions and must not be altered; they must also bear the core action of the scene
- Dual license: free for open source and personal use; commercial license required for closed‑source or proprietary use, see LICENSE.md
- This Skill requires an AI agent that supports the SKILL.md convention