design-tokens plugins

by Manavarya Singh

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 canonical design system with a consistency grade, generate shareable graded report cards, head-to-head battle pages, six-vocabulary remixes, downloadable design-system bundles, OKLCH-correct theme recolouring, full editorial brand-guidelines books, design crossovers between two sites, a live token-editor studio, a rebuild-and-pixel-diff fidelity check, a measured clone-vs-original fidelity score (visual + motion) with a ranked correction plan via /fidelity, a shareable static gallery of scored clones via /gallery, and — via /dna — a measured design space that places any site among real design systems by nearest neighbours, per-axis percentiles, and the features that make it look the way it does.

Accessibility and UX implementation - WCAG, ARIA, design tokens

by ApexScale AI

Complete UI/UX design system for React Native & Next.js with 4 core skills

by Matt Corbett

Standalone brand-CREATION service for a web studio's commission customers — agents (brand-strategist, identity-systems-designer): strategy/positioning/archetype, naming & tagline, curated logo suite, color/type systems (WCAG-paired), brand book, legal/IP posture, collateral, sellable tiers. AI-drafts + MANDATORY human curation. Thin orchestration layer: delegates design tokens to web-design:design-tokens-scaffolding, raw generation + license/indemnity to generative-web-media, and hands the finished system to web-design:visual-designer. skills, commands, a knowledge bank (Mermaid trees), best-practices, templates, a stdlib WCAG-pair checker, an advisory hook. Not legal advice — every IP / font-license / registrability claim routes to security-reviewer. Prices [unverified]. Requires ravenclaude-core@>=0.7.0.

by Matt Corbett

Design-systems engineering team — agents (design-systems-architect, design-tokens-and-component-engineer) answering 'what is the shared system every product surface builds from, and how is it versioned and adopted?': design-token architecture (primitive → semantic → component tiers, theming/dark-mode/multi-brand), component-library API design (composition vs configuration, controlled/uncontrolled, a11y baked in), Storybook/docs, Figma→code token pipeline (Style Dictionary), and versioning/adoption (semver, changesets, codemod-backed breaking changes, deprecation, governance, adoption metrics). skills, a knowledge bank (a Mermaid decision tree + a dated 2026 tooling reference). Distinct from frontend-engineering (builds apps that CONSUME the system), accessibility-engineering (WCAG compliance), and web-design (site visual design) — this team owns the SYSTEM those build from. Tooling specifics volatile: retrieval-dated + verify-at-use. Needs ravenclaude-core.

by Sergey Chudarin

Five skills for agents that design in Figma, one per stage of the work: plan flows, audit a design system, design screens, write to the Plugin API without silent failures, repair detached variable bindings.

by XRenSiu

Design DNA extraction + pixel-perfect website cloning. Combines programmatic CSS extraction (Browser MCP + getComputedStyle) with a 3-dimension design profile schema (design system / design style / visual effects). Two modes: --dna-only outputs a structured 150+ field Design DNA JSON; --full additionally generates a Next.js pixel-perfect clone via parallel builder agents.

by Anselm Hahn

Derives a named, platform-neutral design system from reference exemplars and emits it to any target. Measurement and interpretation stay separate artefacts rather than separate sections: decode records what each reference actually shows, graded for how far its values can be trusted and what rights its source carries, while name interprets — every recurring element gets a purpose, a rule and an anti-rule, and a rule with no stated failure case is not emitted at all. The source of truth is a DTCG token file, never CSS; CSS, a VitePress theme layer and the landscape sketchbook are formatter output run by committed scripts, so the same tokens regenerate byte-stable. References are read-only, enforced by a PreToolUse hook rather than by convention, so values and rules may be extracted while assets are never copied. Every fan-out agent is read-only; writes are confined to the configured design root's system/ and out/ directories.

by MotionComplex

Design-engineering skills for reverse-engineering UIs and giving them motion. ui-reverse-engineer turns a screenshot or live URL into a faithful, disassembled reconstruction with an extracted design-token system; motion-system designs the temporal layer (motion tokens, choreography, per-state transitions) for a design, inferring it from taste or measuring it from a video/URL; figma-export pushes the extracted tokens and components into Figma. Together they cover static design extraction, motion, and design-tool round-tripping.

by Designless

Designless agent — encode your brand's design judgment into an agent that builds with your intent. Routes user intent through lifecycle modes to the right capabilities at runtime.

by Iron Software

Figma → Astro. Turns a Figma frame into Astro code that lands in the target repository's own conventions — deriving those conventions at generation time rather than carrying them, and keeping a memory of what it learned. Built for Iron Software's iron-websites, portable to any Astro repository with a content layer.

by kouko

Optional using-loom-design discovery routing and two stations — capture-intent, write-spec — turn a rough idea into a confirmed intent and a risk-declared spec, route non-blocking second-vendor suggestions, and provide product-principles and design-system tools. Reads loom-code's contract package. Claude Code, Codex + Antigravity CLI.

by Veteran Engineer Project

Cross-host Veteran Engineering Studio: end-to-end engineering control plane plus specialist frontend product design and rendered visual QA.