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

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

@llxxbb

Repository

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

工具能力：

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

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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.

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

What does this tool do?

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

How do I show the prototype?

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

How do I stop the prototype?

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

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.

Are there any runtime dependencies?

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

Comments

More Media & Design MCP servers

NS Travel Information MCP Server

r-huijts

A Model Context Protocol (MCP) server that provides access to NS (Dutch Railways) travel information through Claude AI. This server enables Claude to fetch real-time train travel information and disruptions using the official Dutch NS API.