design-system plugins

by Figma

Figma workflows for design implementation, Code Connect templates, and design system rule generation.

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.

by tonone-ai

Translate a design brief (I-Lang or natural language) into a concrete DESIGN.md and HTML token preview — resolves palette, typography, mood, density, and constraints to specific CSS tokens.

by tonone-ai

Translate a design brief (I-Lang or natural language) into a concrete DESIGN.md and HTML token preview — resolves palette, typography, mood, density, and constraints to specific CSS tokens.

by Sarvesh Chidambaram

Memi is the design layer for agentic AI.

by Refactoring UI Expert

AI-powered UI design skills based on Refactoring UI principles. Evaluate and improve interface designs with expert-validated guidance.

by adityaraj0421

A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — powered by Naksha. Assembles specialist roles — UI designer, UX researcher, content designer, Figma expert, data viz, email, social, motion, presentation, brand strategy, illustration, video, conversational, spatial, compliance, and more — for any design task. 26 roles, 63 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.

by Firecrawl

Outcome-focused Firecrawl workflow skills for research, SEO audits, QA, knowledge bases, lead lists, dashboard reporting, shopping, and design-system extraction.

by Wiesław Šoltés

Build, review, design, port, and migrate Avalonia applications through focused skills for app architecture, styling, rendering, platform services, design systems, and framework migration.

by ApexScale AI

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

by HKTITAN

Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG. Plus a SOUL.md identity layer and nine workflow subagents. Distills Emil Kowalski, Benji Taylor, Jakub Antalik (transitions.dev), guidelines.sh, Vercel, Ben DC, DiceBear, lucide-animated, Google Labs design.md, Agentation.

by imsaif

A product designer inside your terminal: 49 design skills as slash commands (39 specialists and 8 technical guides), covering accessibility, motion, color, checkout, dashboards, and more

by George Reid-Dowd

Optional, thin Claude Code adapter for the portable Design Studio Agent Skill with Studio, Review and Document design-engineering lanes. Canonical methods and runtime behavior live under skills/design-studio/.

by Matt Corbett

Web design & build specialist team — web architect (IA, stack, hosting), UX designer (wireframes, flows, conversion), visual designer (brand, typography, tokens), frontend implementer (HTML/CSS/JS, React, Astro, Next), content strategist (copy, microcopy, SEO content), accessibility auditor (WCAG 2.2 AA/AAA), performance engineer (Core Web Vitals, image/font optimization). skills (the gold-standard-website-pipeline build pipeline + static-site build, design-system audit, brand-guidance authoring (anti-pattern catalogue), card/tile UI, accessibility review, Core Web Vitals tuning, technical SEO audit, information architecture, conversion design, content audit, design-tokens scaffolding, third-party hygiene, Fluent UI v9 + React implementation), templates, commands, an advisory hook, and a knowledge bank seeded with a curated 2026 reference set of "cutting edge yet simple" marketing-site donors — the design agents carry compact inline priors plus a pointer to the full brief. Inherits ravenclaude-core protocols.

by Oussema Khlifi

Teach your AI agent to build clean terminal UIs: dark themes, cards, forms, modals, inline images, live dashboards. One skill, two stacks (Python Textual + TypeScript OpenTUI).

by XRenSiu

Generate a bespoke DESIGN.md for any product brief by reverse-engineering a corpus of existing DESIGN.md design systems into a computable design grammar (rules + rationale + relationships), then forward-generating with three-part rationale (inheritance + adaptation + justification). Outputs the v1.13.0 distinctiveness kernel: concept-first seeding (POV per brief, not category centroid), anchor+productive-tension retrieval, divergent best-of-N candidate generation, a bounded transformational operator, and a 6-check P0 gate (coherence/archetype/kansei/neighbor + rationale-judge + taste-critic for distinctiveness) + OD-dialect 9-section DESIGN.md format (Visual Theme & Atmosphere / Color Palette & Roles / Typography Rules / Component Stylings / Layout Principles / Depth & Elevation / Do's and Don'ts / Responsive Behavior / Agent Prompt Guide) consumable by any DESIGN.md-compatible tool (OD, Claude Design, Stitch). Two interaction modes: interactive (one-shot question batching, max 7 questions, never interrupts mid-generation) or auto (zero-questions, default-driven inference). Self-evolving: high-frequency adaptations consolidate into new rules. Material library is decoupled — works with OD's ~140 systems, awesome-design-md, or any DESIGN.md collection.

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 Paulo Soares

Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.

by Actian UX Team

Actian Design System toolkit: generate wireframe flows with prototype wiring, create component briefs, propose component-scale designs as reasoned documents, audit designs, compare flows. 7 skills (with tiered generation: recognized / adapted / improvised), 10 agents, 155 tokens (3 themes, 8 collections), WCAG 2.2 AA. DS knowledge vendored from volivarii/actian-ds-knowledge.

by sumik5

UX/デザイン戦略スキル群を提供するプラグイン。6個のスキル（UXデザイン・AIエクスペリエンス設計・デザイン思考・データビジュアライゼーション・デザインシステム構築・行動変容デザイン）を含む。

by John Haugabook

Graphic design for napkin-sketch, as a plugin: the /graphic-designer:design-language command that reads one media file into a written DESIGN_LANGUAGE.md and generates a per-asset skill that can draw more work in the same language, and the two skills behind it - design-language (what to measure in an asset, how to write it down, and how to generate the skill and its scripts) and graphic-design-api (composing rectangles, circles, ellipses, triangles, polygons, clipping masks, styled text and placed media into an SVG or a PNG through the napkin-sketch graphic-design API).

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 Viraj Patel

Highly opinionated Product → Blueprint → Plan → Execute workflow for solo developers or small teams — enforced workspace structure with a selectable stack-template menu checked by /vwf:doctor, a flow-first blueprint (entities as data contracts, OpenAPI + JSON-Schema artifacts) with whole-product coherence review, chained dependency plans, an autonomous execute with review/security/acceptance/UX subagents behind one final merge gate that stamps blueprint implementation state, post-deploy verify with production release freezing + API backward-compat enforcement, feedback intake, and mempalace-backed memory.

by dorianspitz23

Make any website look professionally designed: settle one bold design direction, fit components to it, add purposeful motion, then strip every tell-tale sign of AI-generated design.