让 AI 直接用 HTML 搭建软件原型，提供导航栏、与原型分离的标注和页面附加说明。
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add prototype -- npx -y @llxxbb/mcp-prototype~/.codex/config.toml
[mcp_servers.prototype]
command = "npx"
args = ["-y", "@llxxbb/mcp-prototype"]
# codex mcp add prototype -- npx -y @llxxbb/mcp-prototype~/.cursor/mcp.json
{
"mcpServers": {
"prototype": {
"command": "npx",
"args": [
"-y",
"@llxxbb/mcp-prototype"
]
}
}
}.vscode/mcp.json
{
"servers": {
"prototype": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@llxxbb/mcp-prototype"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"prototype": {
"command": "npx",
"args": [
"-y",
"@llxxbb/mcp-prototype"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"prototype": {
"command": "npx",
"args": [
"-y",
"@llxxbb/mcp-prototype"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"prototype": {
"command": "npx",
"args": [
"-y",
"@llxxbb/mcp-prototype"
]
}
}
}