@12ui/design
The canonical 12ui CLI, SDK, MCP server, and visual interface design skills
MCP server · by @12ui
About
@12ui/design is an MCP server published by @12ui. Marketplaces we read that list it: 1 (npm registry (MCP servers)). The last change we recorded was on 2026-11-11. As of our marketplace pass on 2026-11-13.
What it asks for
- Runs on your machine
None of the marketplaces we read publishes its tools or the settings it asks for.
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Package
npm @12ui/design (@12ui/design on npm)
- npm downloads/week: 2 718 (2026-10-29)
- npm downloads/month: 19 850 (2026-10-29)
- Latest version on npm: 0.2.130, published 2026-10-17
- Declared version 0.2.134 is not listed on npm
npm facts come from the public npm registry (registry.npmjs.org, api.npmjs.org). Each figure is the registry's own and is never added to another. A registry that publishes no figure shows none: no number is not zero.
Connect
No data for an automatic command: what its marketplaces declare does not say unambiguously how to connect it.
Where it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| npm registry (MCP servers) (Open on npm) | Listed | 0.2.134 | Downloads/month (npm): 19 850 Downloads/week (npm): 2 718 Forks (GitHub): 0 Stars (GitHub): 3 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
How its figures have moved
- 2026-11-113
- 2026-11-123
Each dot is a day we read a different number; flat stretches are days the number did not move. Figures of different marketplaces are never added up.
What changed
- npm registry (MCP servers): released version 0.2.134 (was 0.2.133)
- npm registry (MCP servers): released version 0.2.133 (was 0.2.132)
- npm registry (MCP servers): released version 0.2.132 (was 0.2.131)
- npm registry (MCP servers): released version 0.2.131 (was 0.2.130)
- npm registry (MCP servers): released version 0.2.130 (was 0.2.128)
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.
-
marmo-ui io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
-
Model Context Protocol server for @godxjp/ui — gives Claude Code / Codex CLI / Cursor / any MCP-aware agent live access to the component catalog, prop vocabulary, design tokens…
-
Local stdio MCP for UI briefs to React + shadcn with review, proof, and ship.
-
Plan every page of your UI so your coding agent builds exactly that.
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
-
Design systems, UI prompts, and layout variations for AI coding tools.
-
Ground truth about your React design system for coding agents, plus a UI linter they can run.
-
Make posters, social posts, slides and landing pages with 198 design systems, checks and exports.
-
Hand-crafted UI components and design systems for agents, so builds don't look like AI slop.
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
All in one skills about software design, UI/UX
-
Convert MCP servers to token-efficient CLI tools with auto-generated SKILL.md files for Claude Code agents
-
MCP server that lets Claude control TouchDesigner via touchdesigner-cli (https://github.com/michaelslain/touchdesigner-cli)
Has a listing on Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Skills for designing and building MCP servers that work seamlessly with Claude. Guides you through deployment models (remote HTTP, MCPB, local), tool design patterns, auth, and…
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
mcp-server io.github.cap-js/mcp-server
Model Context Protocol (MCP) server for AI-assisted development of CAP applications.
Has a listing on Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
MCP server for terminal commands, file operations, and process management
-
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…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Keep your coding agent up to date with the latest web best practices
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.
-
Build, run, test, debug, instrument, and implement local macOS apps using Xcode, SwiftUI, AppKit interop, unified logging, and shell-first desktop workflows.
Has a listing on Community GitHub marketplaces (5)
-
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.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
daisyUI Blueprint MCP server - (Needs paid license)
-
Real UI references for coding agents: iOS app screens, user journeys and website design systems.
-
UI design that stands out. Full-screen UI references and design materials for coding agents.
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…
-
Complete toolkit for building Model Context Protocol (MCP) servers in Go using the official github.com/modelcontextprotocol/go-sdk. Includes instructions for best practices, a…
-
Complete toolkit for building Model Context Protocol (MCP) servers in Kotlin using the official io.modelcontextprotocol:kotlin-sdk library. Includes instructions for best…
-
PMX Canvas is a collaborative canvas where you and your AI agent collect evidence, analyze findings, and develop ideas together. Pin material as context for your agent, then ask…
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
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.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
model-apps
Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…
Has a listing on Cursor: cursor/plugins (4)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Patterns for designing CLIs that coding agents can run reliably: flags, help with examples, pipelines, errors, idempotency, dry-run.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render documentation as a navigable canvas.
Has a listing on Docker MCP Catalog (5)
-
MCP server for terminal commands, file operations, and process management
-
Generate images, video, and audio with Glif's media-generation agent
-
Give your AI agents trusted access to the full Postman platform.
-
A universal MCP (Model Context Protocol) server to integrate any API with Claude Desktop using only Docker configurations.
-
npm-sentinel-mcp io.github.Nekzus/npm-sentinel-mcp
Advanced NPM analysis: Recursive security scanning, ecosystem awareness, and deep insights.
Has a listing on Official MCP Registry (5)
-
marmo-ui io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
-
Local stdio MCP for UI briefs to React + shadcn with review, proof, and ship.
-
Plan every page of your UI so your coding agent builds exactly that.
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
-
Design systems, UI prompts, and layout variations for AI coding tools.
Has a listing on PyPI (MCP servers) (5)
-
Human-to-AI code review bridge. Review UI in the browser, AI agents fix code via MCP.
-
MCP server for interactive user feedback in AI-assisted development, featuring dual interface support (Web UI and Desktop Application) with intelligent environment detection and…
-
Coach first Zeus Client app to green (stdio MCP).
-
Agent-First MCP Toolkit -- code search, editing, execution, and analysis tools for any MCP client.
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
Has a listing on npm registry (MCP servers) (5)
-
A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.
-
Model Context Protocol server for @godxjp/ui — gives Claude Code / Codex CLI / Cursor / any MCP-aware agent live access to the component catalog, prop vocabulary, design tokens…
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
-
Make posters, social posts, slides and landing pages with 198 design systems, checks and exports.
-
@jpisnice/shadcn-ui-mcp-server
A Model Context Protocol (MCP) server for shadcn/ui components, providing AI assistants with access to component source code, demos, blocks, and metadata.
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Want this mark on your plugin in our catalog?
Prove you maintain it with a file in its repository, a file on your domain or a DNS record, and you can show this mark on the card, with live banners for your site and README. How verification works
You also get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Package data comes from the public npm registry (registry.npmjs.org). Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.