AIDesigner MCP — Frontend Design Generation

Overview

AIDesigner is a design engine connected via MCP (HTTP server at api.aidesigner.ai). It reads your entire repo context — framework, Tailwind/CSS tokens, existing components, routes — and generates production-ready HTML that matches your project's look and feel.

Why use this instead of writing HTML manually: The MCP server has full context of your design system. It produces inline-Tailwind HTML that respects existing tokens, spacing, and component patterns. Iterate with natural language instead of CSS tweaking.

MCP Server

• Type: HTTP (remote)
• URL: https://api.aidesigner.ai/api/v1/mcp
• Auth: OAuth (browser sign-in via /mcp in Claude Code)
• Config location: .mcp.json in project root (project-level) or ~/.claude.json (user-level)