Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By zeta92
Audit UI against 100+ accessibility, motion, and web-quality guidelines; load 58 brand design systems; tune visual density and motion intensity; generate complete design systems from project analysis
npx claudepluginhub zeta92/design-library-pluginRun a comprehensive accessibility audit using 11 WCAG 2.2 AA specialist agents. Covers ARIA, contrast, keyboard, cognitive accessibility, and more.
Use when working on UI, frontend, or design tasks, or when a brand design system has been loaded via the /design command or the UserPromptSubmit hook. Guides Claude on how to read, apply, and merge DESIGN.md files from the awesome-design-md library.
Access 63 specialized design skills across the full design lifecycle — research, systems, UI, interaction, strategy, and delivery. Use for any design process task.
Load and apply brand design systems from the awesome-design-md library. Supports single brand, multi-brand mixing, re-analyze + skill activation, list, and sync.
Use when guiding any phase of the design process — from research and strategy through UI design, interaction design, and handoff. Contains 63 specialized skills across the entire design lifecycle.
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Design intelligence engine for AI coding. v3 ships THE BRAIN: a deterministic 7-axis synthesizer (warmth, contrast, density, geometry, formality, motion, type_personality) that compiles a novel design language per brief — no LLM calls, fully offline, closed-loop learning via a local decisions ledger. 1,243 structured entries, 160 real brand specs treated as training data, 152 anti-pattern rules, 25 slash commands, 18 MCP tools (incl. ux_synthesize, ux_decisions_query, ux_decisions_stats), 5 sub-agents. Three auto-dispatched modes: strict_brand (100% reference brand tokens), brand_anchor (70/30 blend), pure_synthesis (8 axis-distilled exemplars). /ux-evolve runs lint→polish→re-lint to score ≥ 90. Cross-IDE via pip/npx — runs in 17 environments including Claude Code, Cursor, Windsurf, Copilot, Gemini CLI, Codex, Cline, Continue, Aider, Zed. Anti-AI-slop by default. 0 telemetry.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
UI/UX design intelligence. 107 styles, 127 palettes, 107 font pairings, 106 charts, 131 reasoning rules, 129 UX guidelines, 16 stacks (React, Next.js, Vue, Nuxt.js, Svelte, Astro, Angular, Remix, SolidJS, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Nuxt UI). 8 Python scripts: BM25 search, contrast checker, palette generator, token generator, type scale calculator, design system generator, UI auditor, CLI. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, liquid glass, cyberpunk, spatial UI, data brutalism. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient, design tokens, contrast checker.
Connect Claude Code to TypeUI MCP for curated design systems, UI prompts, and layout variations.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.
Global Claude Code plugin — 58 brand design systems + 7 curated design skills + Playwright MCP, always available.
design-library-plugin is a Claude Code plugin that gives you instant access to a full design suite directly inside your coding sessions:
The plugin auto-detects your project type at session start and activates the relevant skills automatically.
| Project | Used for | Stars |
|---|---|---|
| VoltAgent/awesome-design-md | 58 brand design systems (DESIGN.md files) | — |
| nextlevelbuilder/ui-ux-pro-max-skill | /ui-ux — complete design system generator | 61k ⭐ |
| vercel-labs/agent-skills | /guidelines — 100+ web interface rules | 24k ⭐ |
| Owl-Listener/designer-skills | /design-process — 63 design lifecycle skills | 505 ⭐ |
| kylezantos/design-motion-principles | /motion — animation audit via 3 designers | 256 ⭐ |
| Community-Access/accessibility-agents | /a11y — 11 WCAG 2.2 AA specialist agents | 214 ⭐ |
| Leonxlnx/taste-skill | /taste — anti-generic visual polish | 37k ⭐ |
| addyosmani/web-quality-skills | /web-quality — Lighthouse / Core Web Vitals audits | — |
| microsoft/playwright-mcp | Bundled MCP — in-browser UI verification | — |
git clone https://github.com/zeta92/design-library-plugin.git ~/.claude/plugins/local/design-library
The plugin must live at
~/.claude/plugins/local/design-library. Do not change this path.
bash ~/.claude/plugins/local/design-library/scripts/sync.sh
This script does everything in one shot:
claude plugin marketplace addclaude plugin install design-library@localRun this slash command inside any Claude Code session:
/reload-plugins
You should see: Reloaded: 1 plugin · 10 skills · ...
When you start a Claude session, the plugin automatically detects your project type and activates the relevant skills. You'll see a message like:
[DESIGN SUITE ACTIVO] Proyecto detectado: web app
Skills cargados: design-library · ui-ux-pro-max · web-design-guidelines
| Command | Description |
|---|---|
/design <brand> | Load one brand's design system |
/design A + B | Mix two brands |
/design A:colors + B:typography | Granular mix by section |
/design ? | Re-analyze project and suggest skills + brands |
/design list | Show all 58 brands |
/design sync | Update all design data and skills |
/ui-ux | Generate a complete design system for your project |
/guidelines | Audit UI code against 100+ web design rules |
/motion | Audit animations via Emil Kowalski / Jakub Krehel / Jhey Tompkins |
/a11y | Run a full WCAG 2.2 AA accessibility audit |
/taste | Anti-generic visual polish — variants: minimalist, brutalist, high-end, redesign, image-to-code |
/web-quality | Lighthouse / Core Web Vitals audit — modes: performance, cwv, seo, best-practices |
/design-process | Access 63 design skills across the full lifecycle |
The plugin also detects brand names in your prompts automatically — no command needed: