Extract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a site's real tokens or want to seed a design system from it.
Install
npx skills add dembrandt/dembrandt-skills --skill extract-designnpx skills add dembrandt/dembrandt-skills --skill extract-design -a claude-code -gnpx skills add dembrandt/dembrandt-skills --skill extract-design -a codex -ggemini skills install https://github.com/dembrandt/dembrandt-skills.git --path skills/extract-designgh skill install dembrandt/dembrandt-skills extract-designgit clone --depth 1 https://github.com/dembrandt/dembrandt-skills /tmp/dembrandt__dembrandt-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/dembrandt__dembrandt-skills/skills/extract-design ~/.claude/skills/extract-design # Claude Code
cp -R /tmp/dembrandt__dembrandt-skills/skills/extract-design ~/.agents/skills/extract-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode