MCP.so
ログイン

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

@llxxbb

リポジトリ

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

工具能力：

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

基本情報

カテゴリ

メディアとデザイン

トランスポート

stdio

公開者

llxxbb

投稿者

XueBin Li

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

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.

コメント

「メディアとデザイン」の他のコンテンツ

Tripadvisor MCP Server

pab1it0

A Model Context Protocol (MCP) server for Tripadvisor Content API. This provides access to Tripadvisor location data, reviews, and photos through standardized MCP interfaces, allowing AI assistants to search for travel destinations and experiences.

59

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

657

MCP Google Map Server

cablate

A powerful Model Context Protocol (MCP) server providing comprehensive Google Maps API integration with LLM processing capabilities.

374

YouTube MCP Server

ZubeidHendricks

MCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics

544

Weather API MCP Server

TuanKiri

A lightweight Model Context Protocol (MCP) server that enables AI assistants like Claude to retrieve and interpret real-time weather data. Discuss on Hacker News:

247