Moai Component Designer
MCP Serverby AJBcoding · Added 5mo ago
Claude
3
Install
git clone https://github.com/AJBcoding/claude-skill-evalAdd to Claude
claude mcp add moai-component-designerQuick Setup Config
Copy & paste ready~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"moai-component-designer": {
"command": "npx",
"args": [
"@modelcontextprotocol/moai-component-designer"
]
}
}
}Paste into your Claude Desktop config file, then restart Claude.
About
Enterprise-grade component design and architecture with React 19, Vue 3.5, Atomic Design patterns, accessibility standards (WCAG 2.1 AA), design systems, and production-ready component libraries. Use when building reusable component systems, designing component libraries, implementing Atomic Design, ensuring accessibility compliance, or creating scalable UI architectures.
Tags
productivitytypescriptbashreactvueskill