natdexterra/work-with-design-systems

Analyzes your Figma components for design system compliance, accessibility, and developer readiness with AI-powered insights — crafted with ❤️ by the design systems experts at Southleft.

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Throughline — one unbroken line from design to code. A Claude Code plugin that guides you from a blank Figma file to a synced, story-tested component library.

Claude Code skills for the work that keeps a design system alive

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

I'm your specialized design systems assistant. Ask me about components, tokens, patterns, and best practices.

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

Agent skill that turns design system quality from "best effort" into a repeatable engineering workflow.

Generate design system documentation for your UI components, directly from your AI agent. Renders into Figma or a portable .md file. Works with Cursor, Claude Code, and Codex.