Communitygithub.com

PatNoO/design-extractor

An AI Agent Skill for Claude Code that automatically extracts design systems from codebases. Generates a single, ready-to-run Figma script that reconstructs tokens, components, and frames with 1:1 accuracy.

What is design-extractor?

design-extractor is a Claude Code agent skill that an AI Agent Skill for Claude Code that automatically extracts design systems from codebases. Generates a single, ready-to-run Figma script that reconstructs tokens, components, and frames with 1:1 accuracy.

Works withClaude Code~Codex CLI~Cursor
npx skills add PatNoO/design-extractor

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does design-extractor do?

An AI Agent Skill for Claude Code that automatically extracts design systems from codebases. Generates a single, ready-to-run Figma script that reconstructs tokens, components, and frames with 1:1 accuracy.

Related Skills