Guide · Agent skill
How to use the Vintage Emblem Illustration agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Vintage Emblem Illustration skill (illustration-vintage-emblem) lets an AI agent draw original retro badge artwork as SVG files, in a flat screen-print style with a seven-colour palette. It suits people who want a crest, sticker, poster or merch-style card for a team, event, release or a themed 404 page. After this guide you will know what the skill does, how to install it, how to ask for a card in plain words and what it needs to run.
Quick start
- 1Download the ZIP. Download the illustration-vintage-emblem ZIP from this page.
- 2Unzip into a skills folder. Place the illustration-vintage-emblem folder in ~/.claude/skills/ for personal use or in a project's .claude/skills/ folder.
- 3Or upload in the Claude apps. In the Claude apps, open Settings, go to Capabilities, then Skills, and upload the skill.
- 4Ask for a badge. Request a vintage emblem or retro badge and include the exact wording for the wordmark and tagline.
- 5Review the SVG. Open the SVG file and check the palette, the lettering and the composition against the requested use.
- 6Render a preview if needed. If you installed Node.js, Playwright or playwright-core and Chromium, use render.mjs to produce a PNG preview.
What agent skills are and what this one makes the agent do
An agent skill is a folder with a SKILL.md file and any helper files the agent can read and run. When a request matches the skill's description, the agent follows the skill's instructions instead of improvising its own style.
This skill makes the agent draw one fixed visual recipe: a 480 by 360 cream card with one chunky central object outlined in thick green-black ink, a terracotta sun disc behind it, a dark splash band along a hard bottom edge, and a heavy condensed wordmark over a small serif tagline. The output is an SVG file built from original hand-authored shapes.
- Palette: seven flat colours (cream, green-black ink, terracotta, sand, tan, pale, and a touch of teal), with no gradients, opacity, textures or filters.
- Covers lockups, hero objects, gulls, splash bands and lettering.
- The wordmark is drawn as filled paths, not typed text, so it does not depend on installed fonts.
Install the skill from the ZIP
Download the ZIP of the skill from this page. Unzip it so that the illustration-vintage-emblem folder, containing SKILL.md, sits inside your skills folder. For a personal install that is ~/.claude/skills/. For a single project, use the .claude/skills/ folder inside that project.
If you use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the skill there.
- Personal install: ~/.claude/skills/illustration-vintage-emblem/
- Project install: .claude/skills/illustration-vintage-emblem/ inside your project
- Claude apps: Settings → Capabilities → Skills, then upload
Trigger the skill with a natural request
You do not need a special command. Ask for a vintage emblem, retro badge, crest, logo-style piece, screen-print, poster, sticker, patch or merch-style illustration, or a badge card for a team, event, release, empty state, 404 page, blog header or marketing card. Name the words you want on the card, since the lettering is part of the picture.
The skill's own demo prompt is a good model. Mention the size and the exact title text.
- Name the text: give the wordmark in capitals and say if you want a tagline.
- Name the subject: a rocket, a tree, a beetle, a gull or another single hero object.
- Name the use: a 404 page, a sticker, a merch card or a blog header changes how the card is framed.
Use $illustration-vintage-emblem to draw a 480 × 360 SVG badge reading "CODE REVIEW".Know what the agent produces
The skill is built around an SVG card with a viewBox of 0 0 480 360. The agent is told to avoid style blocks, classes, scripts, embedded images and external references, so each file stays self-contained and keeps its colours when pasted into a page.
The skill also ships helper scripts. emblem-kit.mjs builds the sun, keyline, crop and lockup, wordmark.mjs draws the lettering, lint.mjs checks the file, and render.mjs produces a PNG preview.
- Check that only the seven palette colours appear in the file.
- Use the lint step to check the finished SVG before you use it.
- Preview output needs the optional render step described below.
What it needs to run
The helper scripts are plain ES modules with no dependencies, so Node.js is the main requirement. Playwright or playwright-core and a Chromium browser are only needed for the render.mjs preview. If you only want the SVG file, you can skip them.
The skill does not use the network. It does run scripts, so read the scripts before you run them in a sensitive environment.
- Node.js: required for the scripts.
- Playwright or playwright-core plus Chromium: only for PNG preview output.
- Network access: not used by the skill.
- Scripts: yes, the skill runs its bundled scripts.
Get better cards: tips and limits
Keep the wording short. The style suits one named thing, such as a club, release, principle or team ritual. Long titles need a narrower wordmark, and the skill's notes say words of 12 or more letters need a maximum width of 320 to keep the lettering size.
Do not ask for photorealistic or loose painterly art, since the style is strictly flat, hard-edged and limited to seven colours. Ask for custom fonts or live editable text and the result will not match, because the wordmark is drawn as paths.
- For long words, ask the agent to set the wordmark maximum width to 320.
- Use the tagline for a short phrase in capitals, separated by bullets, such as BUILD • TEST • DEPLOY.
- Check the palette if you edit the SVG yourself, since teal should stay an accent and never fill a large shape.
--max-width 320What people use it for
- A team crest for a internal engineering group, with the team name as the wordmark.
- A themed 404 page illustration with a single hero object such as a beetle under a lens.
- A sticker or patch design for a software release with a short tagline.
- A blog header that uses the splash band and sun disc with a short title.
- A merch-style marketing card with lettering built into the artwork.
Frequently asked questions
Is the Vintage Emblem Illustration skill free to use?
The skill is published under the MIT licence, as listed on this page. Check the licence file in the download before you redistribute it.
How do I install the illustration-vintage-emblem skill?
Download the ZIP, unzip it so the folder with SKILL.md sits in ~/.claude/skills/ or a project's .claude/skills/ folder. In the Claude apps, you can instead upload it under Settings, Capabilities, Skills.
What do I need to run it?
Node.js is needed for the scripts, which are plain ES modules with no dependencies. Playwright or playwright-core and a Chromium browser are only needed for the render.mjs PNG preview.
Does the skill need an internet connection?
The skill is listed as not using the network. It does run bundled scripts, so review them if your environment is restricted.
Can the skill use my own fonts or editable text?
No. The wordmark is drawn as filled paths rather than typed text, so custom fonts and live text are not supported by this style.
What should I use instead for other styles?
The skill's notes point to sibling skills: illustration-two-colour-brush for loose brush-painted scenes in two inks, illustration-teal-spot for a single-colour spot object with no lettering, and illustration-flat-with-black for a flat character scene with solid black shapes.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose this skill if you want a consistent vintage badge, crest or merch-style card with lettering built into the artwork, and you are comfortable running local scripts. Pick something else if you need photorealistic or painterly art, custom fonts or editable live text.
Download the skill