24 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 +
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
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": "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
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
"name": "ui-design-system", "description": "Complete UI/UX design system for React Native & Next.js with 4 core skills", "name": "ApexScale AI",
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,
"name": "design-engineering", "description": "Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns. Plus a SOUL.md identity layer and six workflow subagents (ui-reviewer, motion-auditor, anti-pattern-scanner, agentation
This MCP Server provides AI-powered access to KRDS (Korea Design System), the official design guidelines for Korean government digital services, enabling developers and designers to quickly reference accessibility standards, UI/UX patterns, and WCAG compliance requirements.
An MCP server providing instant access to Modus Web Components documentation, design rules, and setup guides for developers building with Trimble's design system. Developers using Cursor, Claude Desktop, or Claude Code can quickly reference component patterns and configuration without leaving their IDE.
"name": "brandkit-mcp", "description": "Expose your company's full design system to AI tools via the Model Context Protocol", "main": "dist/index.js",
This MCP server integrates BrowserStack's Design Stack into AI assistants, enabling developers to search components, access documentation, and leverage design system guidance directly within Claude and Claude Code. It's valuable for teams using BrowserStack who want AI-assisted design system adoption and component discovery.
