dtcg skills

24 tagged dtcg, measured the same way as everything else here.

Browse within: accessibility 24design-systems 23design-tokens 23

figma-blame-node

01

southleft/figma-console-mcp-skills

Skill Claude CodeCodex

Find which Figma version introduced a specific change — a component property or a child node — via a binary search over version history (log2(N) API calls instead of N). Answers 'who added this and when'. Use when the user wants git-blame-style attribution for a Figma design — triggers: 'when was this component…

77 16d ago A 176 tokens original MIT

southleft/figma-console-mcp-skills

Skill Claude CodeCodex

Extract a design system from vibe-coded production apps that never had one: inventory components, mine de-facto styling into DTCG tokens, scaffold a Storybook package, port components, and optionally round-trip tokens/components into Figma. Use when the user wants to 'extract a design system', 'create a design system…

77 16d ago A 133 tokens original MIT

southleft/figma-console-mcp-skills

Skill Claude CodeCodex

Generate complete Markdown documentation for a Figma component — anatomy/layer tree, design tokens (colors, spacing, typography), states/variants matrix, accessibility notes, content guidelines, and optional code-parity + YAML frontmatter. Use when the user wants a docs page or handoff spec for a component or…

77 16d ago A 150 tokens original MIT