Agent skill

Orange Line Illustration

by orange2ai in orange2ai/orange-line-illustration

Generate New Yorker-style minimalist editorial illustrations — thin black ink lines on white, vast negative space, a single orange accent (F97316) — for articles, principles, covers, concept…

ProprietaryAuto-check passedMedia & Creative

Install Orange Line Illustration

skills CLI
$ npx skills add orange2ai/orange-line-illustration --skill orange-line-illustration -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install orange2ai/orange-line-illustration orange-line-illustration --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
orange-line-illustration
GitHub stars
441
Token cost
~2.5k tokens
SKILL.md length
1,232 words
Files
27 (incl. references)
Skills in repo
1
Repo updated
First seen
Licence
Proprietary

At a glance

Generate New Yorker-style minimalist editorial illustrations — thin black ink lines on white, vast negative space, a single orange accent (F97316) — for articles, principles, covers, concept…

  • Works in 5 steps: Extract the tension. Good concept… → Prefer action scenes over abstract… → One idea per image. If the sketch needs… → …
  • The user asks for 配图
  • SKILL.md covers The Style (non-negotiable core), Designing the Metaphor (do…, Prompt Template and Caption & Title System, plus 6 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Orange Line Illustration is an agent skill from orange2ai/orange-line-illustration. Generate New Yorker-style minimalist editorial illustrations — thin black ink lines on white, vast negative space, a single orange accent (F97316) — for articles, principles, covers, concept visuals, and illustrated HTML slide decks. Use when the user asks for 配图, 插图, 封面图, editorial illustrations, concept/metaphor illustrations, article covers, 公众号配图, principle/maxim illustrations, or mentions "橙线风格" / "orange line style" / "纽约客风格插图". Also use for "橙线 PPT" / "orange line PPT" / "线条插画PPT" / "帮我做成PPT配插图" / "做成演讲稿"…

Its SKILL.md is about 2.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 27 other files, including reference files (for example `LICENSE.md`, `README.en.md` and `README.md`).

It sits in Media & Creative, covering Slides and decks and Image generation. The repository describes itself as: 🍊 New Yorker-style minimalist editorial illustration skill for AI agents — one idea, one accent, lots of silence. Free for open-source use; commercial license for closed-source.

When your agent uses it

  • The user asks for 配图
  • Editorial illustrations
  • Concept/metaphor illustrations
  • Principle/maxim illustrations

Example prompts

  • “orange line style”
  • “纽约客风格插图”
  • “橙线 PPT”
  • “/orange-line-illustration”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Extract the tension. Good concept illustrations express a pair of
  2. Prefer action scenes over abstract symbols. A person handing a cup
  3. One idea per image. If the sketch needs two sentences to describe
  4. Place the orange deliberately. The orange element answers: "what is
  5. Exaggerate the scale gap. Make the object monumental and the person

What it can do on your machine

Read from SKILL.md and the folder at commit f7e1f84. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Orange Line Illustration loads about 2.5k tokens when it runs, and up to ~6.3k if it reads all its reference files. Until then it costs about 152 tokens; SKILL.md has 1,232 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~152
When it runs · the whole SKILL.md, loaded when a task matches
~2.5k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~6.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Proprietary) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,232 words (~2,513 tokens).

“A complete style system for generating elegant, conceptual editorial illustrations. Born from a real workflow: illustrating "六条与 AI 一起做产品 的原则" (Six Principles for Building Products with AI). The style's soul: one idea, one accent, lots of silence.”

— opening of SKILL.md by orange2ai, Proprietary
name
orange-line-illustration
metadata.category
creative
metadata.author
橘子 (Orange) & Cola
license
See LICENSE.md — free for open-source & personal use; commercial license required for closed-source commercial use.

Read the full SKILL.md on GitHub

Files

SKILL.md and 26 other files (references) in the repository root of orange2ai/orange-line-illustration.

  • SKILL.md
  • LICENSE.md
  • README.en.md
  • README.md
  • examples/01-amplifier.png
  • examples/02-subtraction.png
  • examples/cover-walking-through-the-draft.png
  • examples/xianmao-schrodinger-user.png
  • examples/xianren-old-city-wall.png
  • examples/xiaocheng-balloon-tethered.png
  • examples/xiaocheng-constant-in-storm.png
  • examples/xiaocheng-context-inequality.png
  • examples/xiaocheng-empty-table.png
  • examples/xiaocheng-flag-overloaded.png
  • examples/xiaocheng-greedy-scale.png
  • examples/xiaocheng-inbox-overload.png
  • examples/xiaocheng-kong-yiji.png
  • examples/xiaocheng-sender-power.png
  • examples/xiaocheng-swift-300days.png
  • examples/xiaocheng-tech-debt.png
  • … and 7 more

Open the folder on GitHubat commit f7e1f84

Compare with similar skills

Orange Line Illustration next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Orange Line Illustration compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Orange Line Illustration this skillorange2ai/orange-line-illustration441—~2.5kAutomated safety check: PassProprietary
CarouselsTheCraigHewitt/skills159—~2.3kAutomated safety check: PassMIT
Gpt Image Slide Renderhumantonylee/future-slide150—~966Automated safety check: PassApache-2.0
Epub2podcast Gpt Imagedracohu2025-cloud/draco-skills-collection227—~1.9kAutomated safety check: PassMIT
Canva Designerasgeirtj/system_prompts_leaks69k—~2.1kAutomated safety check: PassCC0-1.0
Guizang Material Illustrationop7418/guizang-material-illustration1.2k—~1.6kAutomated safety check: PassNone

Similar skills

  • Carousels

    TheCraigHewitt/skills

    Turns a piece of Craig's content (an email, a YouTube script, an essay, or pasted text) into a polished image carousel publishable to both LinkedIn and Instagram from one set of 1080x1350 slides.

    159 GitHub stars~2.3k tokensUpdated 4 mo ago
    Media & CreativeAuto-check passed
  • Gpt Image Slide Render

    humantonylee/future-slide

    Render slide images sequentially from DESIGN.md and slide prompt JSON using Codex native image generation, saving each output into the workspace with page-number filenames.

    150 GitHub stars~966 tokensUpdated 4 mo ago
    Media & CreativeAuto-check passed
  • Epub2podcast Gpt Image

    dracohu2025-cloud/draco-skills-collection

    可独立运行的 GPT-Image 增强版 EPUB2Podcast:在本地把 EPUB 转成双人中文音频、GPT-Image/Smart Slide 视觉页、最终 MP4,并生成 YouTube 发布素材。

    227 GitHub stars~1.9k tokensUpdated 23 days ago
    Media & CreativeAuto-check passed
  • Canva Designer

    asgeirtj/system_prompts_leaks

    Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts.

    69k GitHub stars~2.1k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Guizang Material Illustration

    op7418/guizang-material-illustration

    Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…

    1.2k GitHub stars~1.6k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Gemini Carousel

    charlie947/social-media-skills

    Generate a branded slide-by-slide LinkedIn carousel using Gemini.

    3.8k GitHub stars~1.7k tokensUpdated 26 days ago
    Media & CreativeAuto-check passed

Questions about Orange Line Illustration

What does Orange Line Illustration do?

Generate New Yorker-style minimalist editorial illustrations — thin black ink lines on white, vast negative space, a single orange accent (F97316) — for articles, principles, covers, concept…. Orange Line Illustration is an agent skill from orange2ai/orange-line-illustration. Generate New Yorker-style minimalist editorial illustrations — thin black ink lines on white, vast negative space, a single orange accent (F97316) — for articles, principles, covers, concept visuals, and illustrated HTML slide decks.

When should I use Orange Line Illustration?

Orange Line Illustration fits situations like: the user asks for 配图; editorial illustrations; concept/metaphor illustrations; principle/maxim illustrations.

How do I install Orange Line Illustration in Claude Code?

Run `npx skills add orange2ai/orange-line-illustration --skill orange-line-illustration -a claude-code`. Or copy the skill folder (the orange2ai/orange-line-illustration repository) into .claude/skills/orange-line-illustration in your project. Claude Code loads it when a task matches its description.

How do I install Orange Line Illustration in Codex?

Run `npx skills add orange2ai/orange-line-illustration --skill orange-line-illustration -a codex`. Or copy the skill folder (the orange2ai/orange-line-illustration repository) into .agents/skills/orange-line-illustration in your project. Codex loads it when a task matches its description.

Can I use Orange Line Illustration in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add orange2ai/orange-line-illustration --skill orange-line-illustration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/orange-line-illustration, .gemini/skills/orange-line-illustration, .github/skills/orange-line-illustration and .opencode/skills/orange-line-illustration in your project.

What does Orange Line Illustration need to run?

SKILL.md names no scripts, command-line tools or credentials: Orange Line Illustration is instructions for the agent only.

Does Orange Line Illustration access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Orange Line Illustration safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Orange Line Illustration use?

Orange Line Illustration carries a proprietary licence (from the LICENSE file in the skill folder). It is published on GitHub, but it is not open source: read the licence file before using or sharing it.

How many tokens does Orange Line Illustration use?

About 2.5k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.8k tokens, read only when the agent opens those files.

What are the alternatives to Orange Line Illustration?

Skills that share tags, products or a category with Orange Line Illustration: Carousels (TheCraigHewitt/skills, 159 stars), Gpt Image Slide Render (humantonylee/future-slide, 150 stars), Epub2podcast Gpt Image (dracohu2025-cloud/draco-skills-collection, 227 stars) and Canva Designer (asgeirtj/system_prompts_leaks, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Orange Line Illustration?

orange2ai (a GitHub user) maintains it in orange2ai/orange-line-illustration, which has 441 GitHub stars. The repository was last updated on June 15, 2026.

Source: orange2ai/orange-line-illustration on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.