Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
You'll extract and convert any public design system into usable tokens in one command.
npx skills add Manavarya09/design-extractPass a URL, get a DTCG-compliant token file plus a markdown cheat sheet of the site's design system: colors with semantic roles, typography scale, spacing units, border treatments, and component patterns. Useful for competitive analysis, brand audit, or importing an existing public site into your own design system as a starting point. 1,400+ stars in the first week.
mkdir -p ~/.claude/skills/design-extract~/.claude/skills/design-extract/SKILL.mdResulting file structure:
~/.claude/
skills/
design-extract/
SKILL.md <-- skill definitionSkills are loaded automatically by Claude Code when you start a new session. The skill name and description in the frontmatter determine when Claude triggers it.
Recommended from shared domain, career, and tool overlap with Design Extract
You'll ship finished, non-sloppy designs from a single sentence prompt.
Both used by designer, founder
You'll produce full-deck presentations from prompts, in HTML, with video export.
Both used by founder
You'll turn prose into editorial diagrams that embed anywhere, no framework required.
Both used by designer
Describe a component and get production-ready accessible code
Works in shared tools
Generate a full accessible color system from one brand color
Works in shared tools
Generate component docs with props tables and usage examples
Works in shared tools
Design Extract