Extract Design System
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
Install
# expose as webhook: npx -y extract-design-systemnpx -y extract-design-systemnpx -y extract-design-systemnpx -y extract-design-systemnpx -y extract-design-systemStacks
Tags
Related skills
Figma Ai Context
MCP server that transforms Figma API data into AI-friendly formats for LLM code generation
Rhizophora
MCP server for React Native spatial integrity and layout audit. Provides Ground Truth for your component tree by detecting margin pollution, token deviations, bridge crossings, and render traps. 15 tools for structural analysis, layout auditing, performan
Cli
Design-system memory for coding agents — give Claude Code, Cursor, and Codex memory of your tokens, components, and Figma so they edit your app without breaking the design.