Web Prototyping
Generates interactive HTML prototypes that can be served locally through a web interface with navigation and annotation features. Creates rapid mockups without needing design tools like Figma or Axure.
3294 views1Local (stdio)
What it does
- Generate HTML prototypes from specifications
- Start local web server for prototype preview
- Create tree-based navigation from file structure
- Inject interactive markers and annotations
- Manage prototype project initialization
- Stop and restart prototype servers
Best for
UI/UX designers creating rapid prototypesDevelopers building mockups for client reviewProduct teams iterating on interface designsAnyone needing quick HTML-based prototypes
No external design tools requiredAutomatic navigation generationLocal development server included
Tools (5)
hello_world
Returns a greeting message
getSpec
检索 MCP-Prototype 规范，ai 助手可以参考此规范来创建 html 原型页面
init
提供原型根路径和展示服务的端口号，可以多次调用。注意此过程需检测并安装运行 web 服务所需的包，可能时间较长
start
该工具将启动web服务并展示模型，启动后会后台运行，所以避免重复调用！ 调用成功后，请在浏览器里输入本地地址和 init 中指定的端口号进行查看。 在调用此工具前，下面的事情需要就位，否则此工具可能无法正常工作： - 遵循 getSpec 工具中的指示并进行了原型创造。 - 已经调用 init 工具进行了初始化。
stop
停止展示原型，并关闭web服务器
