Skip to content
Get packs

Line Interior Illustrations

Draws thin-outline indigo SVG office and workspace spot scenes in a calm editorial style

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
8 files

What it does

When installed, the agent can create original hand-built SVG illustrations of wide, airy rooms or terraces with slim people doing design or coding work. The style uses a thin uniform indigo outline, mostly white fills, and a few small flat colour accents, plus faint background decor. The skill supplies a parts toolkit for heads, hands, torsos and furniture, rules for palette and composition, and scripts to lint and render the result so the agent can check its own work.

Great for

  • Product teams who want people-at-work artwork for empty states, onboarding screens or 404 pages without loud colour
  • Designers who want a consistent line-art spot illustration style across a site
  • Developers generating SVG cards for landing sections or blog headers

Skip it if

  • Projects needing big-headed cartoon characters or fully flat art, since other styles in the same family cover those cases better
  • Users who need photographic or highly detailed realistic images, because the style is deliberately sparse and small-scale
  • Anyone expecting zero setup for rendering previews: the render script needs Playwright and a Chromium browser installed locally

Try asking

  • “Draw a line-style illustration of a remote team working at desks for our onboarding screen”
  • “Make a 480x360 indigo line-art spot of a designer at a home workspace for a blog header”
  • “Create a 404 page illustration of someone coding on a laptop in the Line interior style”
Step-by-step guide: how to use Line Interior IllustrationsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 8 original files, the MIT licence and an attribution note.

    illustration-line-interior.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip illustration-line-interior.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip illustration-line-interior.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Ask for a specific scene and setting (desk, terrace, home office) so the agent can pick matching parts from the toolkit
  • Review the rendered PNG and ask for a region zoom to fix hands or faces before using the SVG in production
  • Run the lint step with the style palette so off-palette colours are flagged before the card goes live

What's inside

  • agents/openai.yaml
  • demo/PROMPT.md
  • references/craft.md
  • scripts/interior.mjs
  • scripts/lint.mjs
  • scripts/render.mjs
  • SKILL.md
  • style.json

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.