design-tokens plugins

Manavarya09/design-extract

Plugin Claude Code

Bundles 2 skills, 14 commands · 586 tokens together

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site…

bitjaru/styleseed

Plugin Claude Code

Bundles 2 skills · 112 tokens together

Open-source design-method engine aiming to make expert design judgment repeatable by coding agents, not replace experts. Compiles selected rules, preserves project choices, and records only the checks and rendered evidence that actually ran when the StyleSeed workflow is invoked.

murphytrueman/design-system-ops

Plugin Claude Code

Bundles 36 skills, 4 commands · 2,399 tokens together

Staff-level design system auditing, governance, documentation, validation, and communication — 36 skills, 4 agents, and 13 knowledge notes for the full design system lifecycle.

adobe/spectrum-design-data

Plugin Claude Code ✓ vendor

Bundles 1 skill · 91 tokens together

Spectrum 2 component documentation on-demand. Fetches S2 design guidelines, component options, and usage patterns without loading a persistent MCP server.

southleft/figma-console-mcp-skills

Plugin Claude Code

Bundles 23 skills · 3,688 tokens together

The full collection: design tokens (export/import/setup), variable and library management, component-set analysis and docs, WCAG and design-system linting, accessibility audits, version history, changelog, blame, comments, annotations, FigJam, and Slides.

memi-design/memi

Plugin Claude Code

Bundles 4 skills · 167 tokens together

Memi is the design layer for agentic AI.

gregkozakiewicz/roast-my-design-system

Plugin Claude Code

Bundles 2 skills, 3 hooks, 2 MCP servers · 158 tokens together

Roast your repo's design system with real data: a health score, the receipts behind it (every colour, spacing value, duplicated component and inline style), and the first fixes ranked by payoff. Deterministic scanner, benchmarked against 119 public repos and 10 reputable design systems, one shareable light/dark HTML…

andyed/muriel

Plugin Claude Code

Bundles 1 skill, 6 agents · 714 tokens together

Design skill for coding agents. It translates between design languages, expresses them in a multitude of mediums, juries its own work, and keeps every piece on brand and readable.

southleft/skills-for-figma

Plugin Claude Code

Bundles 18 skills · 2,887 tokens together

18 skills for the native Figma MCP: export/import design tokens, manage variables, analyze and document component sets, lint for WCAG and design-system compliance, audit accessibility, and author Slides and FigJam content.

atezer/FMCP

Plugin Claude Code

Bundles 29 skills, 10 commands, 3 agents, 1 MCP server · 3,253 tokens together

Figma tasarım verilerini 63 MCP aracı ile AI asistanlarına açar. 29 uzman skill, 10 komut. REST API token gerektirmez, Zero Trust mimarisi.

Ideelab/uisandbox

Plugin Claude Code

Bundles 1 skill · 155 tokens together

Play with your app's design, right in the browser: open a built web app in UISandbox, 1:1 and with its own knobs, from the chat; try a change, verify, export the patch. Bundles the /uisandbox skill and the uisandbox MCP server.

jeltehomminga/figma-design-skills

Plugin Claude Code

Bundles 2 skills · 193 tokens together

Two composable skills for design-to-code fidelity: figma-design-extract pulls exact specs from Figma into a build-ready spec table; design-fidelity-verify proves the running web or mobile app matches them by measuring rendered values.

byjunyoung/claude-product-skills

Plugin Claude Code

Bundles 6 skills · 1,065 tokens together

A bundle for product docs and the tasks that come out of them. Write a spec against a format and verify it before it ships; turn a request thread into a task's context table; file that task in your engineering tracker and keep the two sides reconciled. Where things are stored is decided by config.

itonys/7onic

Plugin Claude Code

Bundles 2 skills, 1 agent · 193 tokens together

7onic Design System AI Kit — MCP server (token search, component catalog, layout recipes, validatecode rule checking), /7onic-setup and /7onic-design skills, and a design implementation agent. Queries in English, Japanese, and Korean.

infinitule/apple-design-toolkit

Plugin Claude Code

Bundles 4 skills · 293 tokens together

Extract exact design specs from Apple's official Figma UI kits into SwiftUI, build signed macOS apps from a single Swift file without an Xcode project, implement password-free root operations safely, and preflight harness gates that block tool calls.

Abdulkader-Safi/wp-to-code

Plugin Claude Code

Bundles 1 skill, 8 commands, 1 hook · 241 tokens together

Port a WordPress site to any stack by measuring the original and diffing rendered geometry.

ssheleg/sheleg-design-skill

Plugin Claude Code

Bundles 1 command · 46 tokens together

SHELEG Design methodology: cinematic scroll-driven landing pages (single scroll clock, layered degrade-to-calm motion, WebGL particle formations), a motion doctrine that decides whether to animate before it decides how, and thirty-nine pluggable visual style packs, each with a ready-made token layer …

veryCoolTimo/design-playbooks-skill

Plugin Claude Code

Bundles 1 skill · 92 tokens together

Evidence-based design playbooks for AI coding agents — rules synthesized from 407 real product sites: page-type playbooks with pattern frequencies, 9 style guides, per-site hex/type tokens, DESIGN.md generator.

naidx0/web-vid

Plugin Claude Code

Bundles 1 skill, 1 command · 163 tokens together

Recreate a website or web app as a Remotion promo video — pixel-faithful to the site's own design tokens, choreographed clicks/scrolls/zooms, rendered to MP4. Code, not screen recording.