广告合作
MCP.so
登录

可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。

@llxxbb

代码仓库

基本信息

分类

媒体与设计

传输方式

stdio

作者

llxxbb

提交者

XueBin Li

关于 可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。

工具能力：

#html#prototype#navigation#mark#annotation#explanation

可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mcp-prototype": {
      "args": [
        "-y",
        "@llxxbb/mcp-prototype"
      ],
      "command": "npx"
    }
  }
}

可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。 工具

5

Returns a greeting message

检索 MCP-Prototype 规范，ai 助手可以参考此规范来创建 html 原型页面

提供原型根路径和展示服务的端口号，可以多次调用。注意此过程需检测并安装运行 web 服务所需的包，可能时间较长

该工具将启动web服务并展示模型，启动后会后台运行，所以避免重复调用！ 调用成功后，请在浏览器里输入本地地址和 init 中指定的端口号进行查看。 在调用此工具前，下面的事情需要就位，否则此工具可能无法正常工作： - 遵循 getSpec 工具中的指示并进行了原型创造。 - 已经调用 init 工具进行了初始化。

停止展示原型，并关闭web服务器

概览

What is 可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。?

This MCP server enables AI to design software prototypes directly using HTML, eliminating the need for tools like Figma or Axure. It provides a lightweight, code-based approach for rapid prototyping.

How to use 可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。?

Use the suggested AI prompts before and during design. To display the prototype, input “展示原型” – this starts a background server, so enter it only once. To stop, input “停止展示” or “关闭原型”.

Key features of 可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。

  • Provides a navigation bar for the prototype.
  • Decouples markers from the prototype structure.
  • Supports additional notes attached to pages.

Use cases of 可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。

  • Quickly generate a prototype from plain requirements.
  • Prototype inside an AI chat without switching design tools.
  • Iterate on UI concepts directly through AI prompts.
  • Share interactive HTML prototypes without external dependencies.

常见问题

1

What does this tool do?

It allows AI to create HTML-based software prototypes directly, bypassing traditional design software.

2

How do I show the prototype?

Input “展示原型” into the AI. One command launches a background server that serves the prototype.

3

How do I stop the prototype?

Input “停止展示” or “关闭原型” to shut down the background server.

4

Can I send multiple “展示原型” commands?

No, each command starts a new background server. Running multiple instances is not recommended; use one command and stop it when done.

5

Are there any runtime dependencies?

The README does not specify any dependencies; it operates within the MCP/AI environment using HTML output.

评论

媒体与设计 分类下的更多 MCP 服务器

TrueClicks

TrueClicks B.V.

TrueClicks is PPC audit and monitoring software for agencies and advertisers managing Google Ads, Microsoft Ads, and Meta Ads at scale. This connector gives read-only access to your TrueClicks data, so you can ask questi

Katto

Katto

AI video clipping MCP server for scored, captioned vertical shorts, with 29 documented tools and dubbing in 19 languages. Hosted OAuth connection with a local installation option.

InstantClips

InstantStudioAI

InstantClips turns an e-commerce product into short-form vertical video for TikTok, Instagram Reels and Stories. Import a product from its page URL or photos, generate on-brand video ads, and manage brands/products throu

ProfessionalHeadshot.io

ProfessionalHeadshot.io

Official LinkedIn, Slack and GitHub profile photo specs with sources, headshot style guides by use and industry, and a free 0-100 headshot audit. No API key needed.

Pixel Art Generator - Sprite Fusion

Hugo Duprez

Sprite Fusion lets your AI assistant make the pixel art for your game. Describe a character, item, or tile and get sprites at the exact size you need, ready to drop into your project. Match your existing art, turn charac

广告合作