Modao Proto MCP

Modao Proto MCP

MCP-based prototype generation service for HTML code, design descriptions, and HTML import.

20
Stars
6
Forks
0
Releases

Overview

modao-proto-mcp is a prototype generation service built on the Model Context Protocol (MCP). It specializes in HTML code generation, design description expansion, and HTML import. The server accepts natural language design requests and produces complete HTML code suitable for modern, responsive layouts, including CSS and real image URLs. It also can expand a brief requirement into a detailed design specification, enabling teams to align on expectations before implementation. Generated HTML can be imported into a user's personal workspace via an import key, enabling seamless asset management and reuse. The MCP server adheres to the MCP standard, ensuring compatibility with MCP clients and tooling. It supports multiple parameter formats and robust error handling to improve reliability across diverse client configurations. The architecture is designed for extensibility, allowing new tools to be added by subclassing a common base tool and registering it in the server. The repository also provides examples and configuration guidance for popular MCP clients (Claude Desktop, Cursor, Windsurf, Claude Code), promoting rapid integration and workflow optimization.

Details

Owner
modao-dev
Language
TypeScript
License
ISC License
Updated
2025-12-07

Features

HTML code generation

Generates complete HTML code from user descriptions with modern design and responsive layouts.

Design description generation

Expands concise design requests into detailed design documentation.

HTML import

Imports generated HTML into the user’s personal workspace via an import key.

MCP protocol compatibility

Fully compliant with the Model Context Protocol standard.

Extensible architecture

Easily extendable to add new tools and features.

Efficient parameter handling

Supports multiple parameter formats and robust error handling for MCP interactions.

Audience

Frontend developersGenerate HTML prototypes from natural language and import results into personal workspaces.
MCP integratorsIntegrate MCP-compatible HTML tools into client apps via the MCP protocol.
Design teamsTurn brief design ideas into detailed specs and export HTML assets.

Tags

MCPModel Context ProtocolHTML generationDesign descriptionHTML importPrototype generationWeb designTypeScriptAPI integrationExtensible