Skip to content

Vintage Emblem Illustration

Draws vintage screen-print style SVG badge emblems with a sun disc, splash band and wordmark

Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
9 files

What it does

Once installed, the agent can create original retro badge-style illustrations as SVG files, such as a crest, sticker, poster or merch graphic. It follows a fixed visual recipe: a seven-colour cream and green-black ink palette, one chunky central object on a terracotta sun disc, a dark splash band along the bottom and a bold condensed title with a small serif tagline. Helper scripts let it build the drawing, check the file and render a PNG preview.

Great for

  • Designers who want a consistent vintage badge or patch look for a team, event or release
  • Developers making a themed 404 page, empty state or blog header illustration
  • Marketers who need a merch-style card with lettering built into the artwork

Skip it if

  • Photorealistic or loose painterly art, since the style is strictly flat, hard-edged and limited to seven colours
  • Projects that need custom fonts or live text, because the wordmark is drawn as filled paths rather than typed text
  • Environments that cannot run Node.js or install Chromium, since preview rendering depends on them

Try asking

  • “Make a vintage emblem badge for our open source release day with a rocket and the words RELEASE DAY”
  • “Create a retro crest for the Debug Club with a beetle under a magnifying glass”
  • “Draw a 404 page card in this vintage emblem style with a broken tree and the tagline LOST IN THE BRANCHES”
Step-by-step guide: how to use Vintage Emblem IllustrationInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    illustration-vintage-emblem.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip illustration-vintage-emblem.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip illustration-vintage-emblem.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

  • Name the subject and the wording you want in the card, for example the hero object and the title and tagline text
  • Ask for a lint check after drawing so the SVG passes the file contract (viewBox, no external references, correct id prefix)
  • Render a zoomed region to inspect outlines and keylines before using the card in a layout

What's inside

  • agents/openai.yaml
  • demo/PROMPT.md
  • references/craft.md
  • scripts/emblem-kit.mjs
  • scripts/lint.mjs
  • scripts/render.mjs
  • scripts/wordmark.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.