web-design-system-extract

web-design-system-extract contains 1 collected skills from wweggplant, with repository-level occupation coverage and site-owned skill detail pages.

wweggplant profile View on GitHub

skills collected

Stars

updated

2026-02-08

Forks

Occupation coverage

Web Developers

1 occupation categories · 100% classified

repository explorer

Skills in this repository

creator/repo/skill

skill

occupation

description

updated

web-design-system-extract

web-developers

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