Back to registry

extract-design

dembrandt/dembrandt-skills
14Added Jun 5, 2026
design-systemdesign-tokensreverse-engineeringheadless-browsercss-extractiontypographycolor-palettew3c

Summary

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.

SKILL.md