{"repo":"natdexterra/work-with-design-systems","free":true,"listed":false,"github":"https://github.com/natdexterra/work-with-design-systems","clone":"git clone https://github.com/natdexterra/work-with-design-systems.git","description":"Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.css + AI rules.","language":"JavaScript","stars":49,"topics":["agent-skills","claude-code","design-system","figma","figma-mcp","mcp","skill","design-to-code","design-tokens","figma-plugin-api"],"license":"MIT","category":"ui-components","readme_excerpt":"work-with-design-systems A Claude skill for working with Figma design systems — two modes in one place: inspect (read-only audits with WCAG checks, component scoring, handoff docs) and build (creating components, fixing foundations, adding slots, writing descriptions). Build mode optionally extends to Phase 6 (sync to code) — generates tokens.css , an audit script, and AI rules file for your codebase. Works with Claude Code, Cursor, and Codex. What's new in v2.0 This is a major release. The skill was previously called generate-design-system and only handled building. Now it covers the full lifecycle: inspect existing files, decide what to build or fix, optionally export to code. Between inspect and build, the skill always pauses for your decision. Phase 6 is OFF by default and only triggers on explicit request. Migration from v1.x: see CHANGELOG for the migration note. Repo URL has changed but old links redirect automatically. Highlights: - Two modes — inspect (read-only) and build (write), with mandatory pause between - Phase 6 — sync to code (optional, off by default) — generates tokens.css with three-layer indirection, AI rules file (Claude Code / Cursor / Codex), and CI-ready audit script. Closes the design-to-code loop. - Slots support for compound components (Card, Modal, Dialog) — replaces detach patterns - Mandatory structured component descriptions — Figma MCP passes them to agents as context - Six audit modules — token compliance (with severity tiers), interactive s","default_branch":null,"files":null,"tree":[],"storefront":"/r/natdexterra","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/natdexterra/work-with-design-systems/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}