Extract a complete design system — colors, typography, spacing, components, shadows, and W3C design tokens — from any live website using Dembrandt. Runs a headless browser against the URL and returns real computed values from the DOM. Use when you need a site's actual design tokens, want to reverse-engineer a visual design, or need to seed a design system from an existing product.
$npx -y skills add dembrandt/dembrandt-skills --skill extract-designInstalls into the current project.
Run `npx skills use "https://github.com/dembrandt/dembrandt-skills" --skill "dembrandt/dembrandt-skills/extract-design"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/dembrandt/dembrandt-skills" that are relevant to the current task. Run `npx skills add "https://github.com/dembrandt/dembrandt-skills"` and select the relevant skills, then follow their instructions.