web-design-system-extract
Design System Extractor. Use Playwright (via MCP/skill) to extract a live website’s design system for pixel-perfect recreation. Produces: tech stack fingerprint, font forensics, design tokens (primitive/semantic/component), interaction model + state matrix, density/rhythm rules, responsive layout grammar, accessibility checks, and minimal implementation (Tailwind config or CSS vars + tokens.ts). Optimized for results: correct sampling, UI-defining tokens, reproducible specs, and explainable decision traces.
2026-02-08