An agent that draws icons instead of picking them

What it does

It’s an agent skill: a rules file, a drawing engine, and a self-check script that a coding agent loads so it can draw new icons on demand. Describe your product’s features in plain words and the agent picks everyday objects, draws each one in the house style, then screenshots and compares its work against existing icons until it passes. The repo also ships the output — 2,800+ MIT-licensed animated icons for React, Vue, plain JS, web components and static SVG, plus a browsable website in 16 languages.

The interesting bit

The consistency problem is the whole project. AI-drawn icons usually drift — wrong sizes, mismatched outlines, off-model corners. Here the agent doesn’t freestyle: it starts from the closest of 66 worked examples, reuses a shared engine for gradients, outlines and shadows, and runs a headless self-check that renders every icon at multiple sizes and palettes, repeating until the checklist passes. The README even shows blind-test output from a fresh session that had only the rules files.

Key highlights

• Every icon animates like its object: folders open, locks spring, calendars turn the page — triggered by hover, focus, tap or your own state.
• All colors derive from one accent via CSS, so icons follow currentColor and recolor without script.
• One side-effect-free ES module per icon; the runtime only runs while an icon is actually moving.
• The self-check (scripts/check.mjs) renders rest, hover and in-between states at 24px, 28px and every palette, headless in Chrome.
• Icons you draw with the skill are entirely yours, including commercial use.

Caveats

• The skill wants a model that can read images — the README recommends Claude Opus 5.5 and says weaker models may struggle with the geometry-and-screenshot loop.
• Split licensing: icons and packages are MIT, but the skill itself is source-available with restrictions (no modified/translated republishing of the rules), and the website is all rights reserved.
• The skill’s own example icons use Chinese names and palettes; the English library lives in the separate packages and website.

Verdict

Worth a look if you maintain a product icon set and want an agent that extends it without style drift. If you just need static glyphs, a mature set like Lucide is simpler — the animation and the agent workflow are the point here.