extract-design-system
Extract website design tokens into reusable JSON and CSS files
Extract website design tokens into reusable JSON and CSS files
extract-design-system analyzes a public webpage for colors, typography, spacing, border radii, and shadows, then writes raw and normalized data plus W3C-compatible JSON tokens and CSS custom properties. The workflow is available as an agent skill, standalone CLI, and MCP server. It is intended to create reviewable starter tokens, not a component library or pixel-perfect clone. Extraction is single-page and public-site only, and dynamic or protected pages may produce incomplete results.
Resource types
Use cases
Runtime
Rebuild UI references as clickable demos with integrated image assets.
Install a focused skill set for Vue, Vite, and Nuxt development.
Protocols & integrations
Capabilities
Audience
Public GitHub facts last synced Jul 14, 2026.
Guide AI coding agents through Vue 3 patterns, testing, routing, and debugging.
Reuse interface-design and web-building workflows across Codex, Claude, Cursor, and other AI agents.