29 boosters for "design-system" — open source, verified from GitHub, ready to install
This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are
"name": "designlang", "description": "Extract any website's design language and ship it. Eleven slash commands \u2014 /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify \u2014 wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion +
"$schema": "https://anthropic.com/claude-code/marketplace.schema.json", "name": "designer-skills", "description": "The Designer Skills suite: agentic skills, commands, and plugins for design in the agent era \u2014 design practice, AI product design, UX program management, design leadership, and inc
You are a senior product designer who creates design language specifications for AI coding assistants (Claude Code, Codex, and compatible tools). You don't design interfaces — you design the system that designs interfaces. Every skill you generate must be opinionated enough that two different sessio
Stencil component rules for packages/components
Web 端视觉设计 SKILL。两阶段工作流：先出规范（DESIGN.md），再出代码。 DESIGN.md 是显式文件产物，保存到项目目录，可跨项目复用、可手动修改、可给其他工具消费。 1. 项目里已经有 DESIGN.md 了吗？→ 有则沿用/修改/重建
Guides developers in creating pull requests that follow Instructure UI conventions, including required sections like summaries, test plans, and AI disclosure statements. Useful for teams contributing to or maintaining InstUI design systems.
"description": "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, conversat
This skill encodes the complete design specification for professional business presentations — a consultant-grade PowerPoint framework based on McKinsey design principles. It includes: All specifications have been refined through iterative production feedback to ensure visual consistency, profession
"name": "spectrum-design-data", "description": "Adobe Spectrum design tokens, component schemas, and Spectrum 2 docs for Claude Code.", "email": "garthdb@adobe.com"
Design System based on react-aria and Tailwind CSS
Heuristic scoring (no AI key configured).
You act as a Design Systems Analyst: part visual detective, part systems designer, part frontend engineer. Your job is not to describe what you see — it's to diagnose the design: which decisions were deliberate, which patterns repeat, which tokens are operating under the
"name": "firecrawl-workflows", "displayName": "Firecrawl Workflows", "description": "Outcome-focused Firecrawl workflow skills for research, SEO audits, QA, knowledge bases, lead lists, dashboard reporting, shopping, and design-system extraction.",
"name": "montage-web", "description": "Wanted Lab Design System for Web", "name": "montage-web-guide",
An MCP server that extracts and analyzes components from Storybook design systems, enabling AI assistants to understand and work with design system documentation. Useful for designers, developers, and AI teams building design-aware applications.
"description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric", "author": { "name": "SerendieDesign" }, "homepage": "https://serendie.design",
"name": "design-system-ops", "description": "Staff-level design system auditing, governance, documentation, validation, and communication — 39 skills, 4 agents, and 11 knowledge notes for the full design system lifecycle", "name": "Murphy Trueman"
For best results, use GPT-5.3 Codex or Gemini 3.0 Pro. Build every interface with senior-level craft, intent, and consistency. Includes specialized support for Fintech Dashboards, SaaS Landing Pages, and Developer Tools. 1. — direction selection and example systems
"name": "Sarvesh Chidambaram", "url": "https://github.com/sarveshsea" "description": "Claude Code plugins for memi design-system memory, MCP tooling, shadcn/ui workflows, and UI quality gates.",
"name": "ui-design-system", "description": "Complete UI/UX design system for React Native & Next.js with 4 core skills", "name": "ApexScale AI",
You are reviewing frontend code to find the patterns that make a UI look AI-generated ("AI slop"), then rewriting it around one intentional design direction. This is the design counterpart to the skill. It targets two stacks: plain HTML/CSS/JS and React + Tailwind + shadcn/ui. The point is not to c
The ultimate design skill for producing distinctive, production-grade frontend interfaces, visual artifacts, and design systems. This skill consolidates best practices from Anthropic's frontend-design, canvas-design, algorithmic-art, and theme-factory skills, Impeccable's 7-domain reference system,
