-
licenseC
qualityD
maintenanceGenerates project specifications and file structures using Claude AI through MCP integration. Enables users to describe project ideas and automatically create corresponding documentation and project files.
1
-
html-idea-mcp
by SOOJUNBARNG
html-idea-mcp
将开发想法结构化并保存为 HTML 文件的 MCP 服务器。
Claude Code CLI → 通过 stdio 模式在本地保存文件
claude.ai Web → 通过 HTTP/SSE 模式部署使用
工具
工具 | 说明 |
| 输入想法并生成 HTML |
| 显示已保存想法的列表（仅 CLI 模式） |
create_idea 的参数
参数 | 类型 | 说明 |
| string | 标题（必填） |
| string | 一句话概要（必填） |
| string | 背景・想解决的课题 |
| string[] | 主要功能列表 |
| string[] | 使用的技术・库 |
| object[] | 开发阶段（ |
| string | 备注・补充 |
|
| 优先级（默认: |
|
| 状态（默认: |
| string | 保存目录（仅 CLI 模式） |
Related MCP server: Dev Notes MCP Server
A. 在 Claude Code CLI 中使用（本地）
git clone https://github.com/SOOJUNBARNG/Claude_base_html_make_MCP.git
cd Claude_base_html_make_MCP
npm install
npm run build注册 MCP 服务器
claude mcp add html-idea-mcp node /path/to/Claude_base_html_make_MCP/dist/index.js或者，在此目录中启动 claude 时，.mcp.json 会被自动加载。
B. 在 claude.ai Web 中使用（部署）
部署到 Railway
登录 railway.app
「New Project」→「Deploy from GitHub repo」→ 选择此仓库
设置环境变量
START_MODE=http部署完成后，确认生成的 URL（例如:
https://html-idea-mcp-xxxx.up.railway.app）
注册到 claude.ai
打开 claude.ai，点击聊天输入栏的 「+」→「连接器」→「管理连接器」
选择「添加自定义 MCP 服务器」
输入 SSE 端点 URL：
https://あなたのURL.up.railway.app/sse保存并启用
在本地尝试 HTTP 模式
npm run dev:http在另一个终端中确认运行：
curl http://localhost:3000/health技术栈
TypeScript / Node.js
Express + CORS（HTTP/SSE 模式）
Zod（模式验证）
This server cannot be deployed
Maintenance
ActivitySlowing
ResponsivenessNo issues
Related MCP Connectors
Publish HTML from Claude or ChatGPT to a live URL with a QR code — no developer needed.
Generate MantleKit setup plans and launch-ready SaaS blueprints from a product idea.
Publish AI-generated HTML to a private, unguessable link, straight from Claude or ChatGPT.
Creative workspace. Public MCP: outline previews for Codex and Claude Code; media in the web app.
Related MCP Servers
- FlicenseNot gradedqualityDmaintenanceEnables Claude Code to save, list, and read markdown notes directly from conversations, eliminating manual file management for project ideas, debugging notes, and meeting summaries.-
- FlicenseAqualityCmaintenanceEnables creating, viewing, and managing articles and projects via Claude Code and Cursor, with tools for project search, article creation, and content retrieval.5-
- FlicenseNot gradedqualityBmaintenanceEnables Claude to navigate, screenshot, read console/network, and crawl links in HTML documentation via a co-located headless Chromium and VSCode webview pane.21 npm-