design-systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
Pacote de plugins · de MC Dean
Resumo
design-systems é um pacote de plugins para ferramentas de programação com IA publicado por MC Dean. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-11-06. Conforme nossa passagem pelos marketplaces em 2026-11-07.
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add owl-listener/designer-skills
/plugin install design-systems@designer-skillsOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade owl-listener/designer-skills (Abrir o código no GitHub) | Listado | 1.0.0 | Forks (GitHub): 434 Estrelas (GitHub): 3 270 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| designer-skills | owl-listener/designer-skills | 3 270 |
Como os números mudaram
- 2026-11-02430
- 2026-11-04431
- 2026-11-05433
- 2026-11-06434
- 2026-11-023,2 mil
- 2026-11-043,2 mil
- 2026-11-053,3 mil
- 2026-11-063,3 mil
Cada ponto é um dia em que lemos um número diferente; os trechos planos são dias em que o número não mudou. Números de marketplaces diferentes nunca são somados.
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 11
accessibility-auditcomponent-specdesign-system-governancedesign-tokendocumentation-templateicon-systemlocalization-designmotion-systemnaming-conventionpattern-librarytheming-system
Comandos: 3
audit-systemcreate-componenttokenize
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
Design system toolkit: tokens, components, accessibility, and framework integrations
-
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
-
Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation…
-
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation…
-
Accessibility and UX implementation - WCAG, ARIA, design tokens
-
Your agentic design team. Design screens in Figma on your own design system or on a library your team already uses, or build a design system from scratch and sync it to code…
-
design-system-audit-and-remediation
Identify design debt, audit tokens, and enforce consistency across a product.
-
Ten UX and design skills that give coding agents deep knowledge of established design frameworks: research, critique, accessibility, journey mapping, design systems, strategy…
-
Design and UX team for user research, UI/UX design, wireframing, and accessibility
-
All in one skills about software design, UI/UX
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
All in one skills about software design, UI/UX
-
147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…
-
AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of every component's API, A2UI protocol…
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and every Write/Edit to a UI file is…
Listado em Claude Code: claude-plugins-official (5)
-
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Listado em Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Keep your coding agent up to date with the latest web best practices
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
Listado em Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
Listado em Community GitHub marketplaces (5)
-
Design system toolkit: tokens, components, accessibility, and framework integrations
-
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
-
Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation…
-
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation…
-
Accessibility and UX implementation - WCAG, ARIA, design tokens
Listado em Copilot CLI: github/awesome-copilot (5)
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design, build, review, and publish GitHub Skills-style exercises with one coordinating agent and five Agent Skills for learner journeys, workflow-backed validation, and release…
-
WCAG 2.2 AA enforcement as Agent Skills. Six router skills dispatch a specialist team across web, document, markdown, desktop and GitHub work; hooks block edits to user-facing…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
Listado em Copilot CLI: github/copilot-plugins (5)
-
Complete bundle: all Microsoft Skills for Fabric for developers and consumers.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
Listado em Cursor: cursor/plugins (5)
-
Render documentation as a navigable canvas.
-
Design, build, and edit your Framer sites, pages, and CMS content.
-
Dylan's agent style on top of pstack: root causes over symptom patches, The Algorithm before design, terse verified delivery, a PR review that fits in a paste, and Figma-to-UI…
-
if you want to go fast, go deep first. pstack helps you write less, but higher quality code. rigorous agent workflows you can parallelize with confidence.
-
Render PR diffs as review canvases grouped by importance.
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
Access the latest Astro web framework documentation, guides, and API references.
-
Tools and resources for writing Effect code in Typescript.
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
Listado em Official MCP Registry (5)
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
Catches palette colors, native elements and APIs your design system lacks in agent-written React.
-
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
-
Design System Manager for shadcn/ui: tokens, fonts, radius, components, icons, blocks, Figma sync.
Listado em PyPI (MCP servers) (5)
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
figma com.mcparmory/figma
Export files, access design data, manage projects, comments, and team assets
-
Section-level doc search for .md, .rst, .adoc, .org, .ipynb, .html, .yaml, .json, and OpenAPI specs.
-
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
Listado em npm registry (MCP servers) (5)
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.