Agent skills for the @icydotdev suite, installable
with the skills CLI. The flagship is
react-design-system-extractor — your AI agent extracts the design system
from an existing React/Next.js codebase, visualised live in the
Lumen dashboard.
# install a specific skill (prompts for project vs global)
npx skills add icydotdev/skills --skill react-design-system-extractor
# or browse everything in this repo
npx skills add icydotdev/skillsThen, in Claude Code (or any supported agent), trigger it:
/react-design-system-extractor
…or just ask: "extract the design system from this codebase."
| Skill | What it does | Engine |
|---|---|---|
react-design-system-extractor |
Extracts the design system hiding in an existing React/Next.js codebase and scaffolds a structured ui/ folder (unified components, tokens, Storybook stories, a11y + unit tests) while the live Lumen dashboard visualises progress. |
@icydotdev/lumen |
A skill is just instructions (SKILL.md) the agent follows. Heavy lifting lives
in standalone npm engines the skill drives via npx — so installing a skill pulls
only the markdown, and the engine is fetched on demand when you run it.
MIT © Sam Kavanagh