html-idea-mcp
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@html-idea-mcpcreate an idea for a habit tracker app with daily reminders and stats"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
html-idea-mcp
An MCP server that structures development ideas and saves them as HTML files.
Claude Code CLI → Save files locally in stdio mode
claude.ai Web → Deploy and use in HTTP/SSE mode
Tools
Tool | Description |
| Input an idea and generate HTML |
| Display a list of saved ideas (CLI mode only) |
create_idea parameters
Parameter | Type | Description |
| string | Title (required) |
| string | One-line summary (required) |
| string | Background / problem to solve |
| string[] | List of key features |
| string[] | Technologies and libraries used |
| object[] | Development phases ( |
| string | Notes / additional details |
|
| Priority (default: |
|
| Status (default: |
| string | Output directory (CLI mode only) |
Related MCP server: Dev Notes MCP Server
A. Using with Claude Code CLI (Local)
git clone https://github.com/SOOJUNBARNG/Claude_base_html_make_MCP.git
cd Claude_base_html_make_MCP
npm install
npm run buildRegister the MCP server
claude mcp add html-idea-mcp node /path/to/Claude_base_html_make_MCP/dist/index.jsAlternatively, running claude in this directory will automatically load .mcp.json.
B. Using with claude.ai Web (Deploy)
Deploy to Railway
Sign in to railway.app
Click 'New Project' → 'Deploy from GitHub repo' → Select this repository
Set the environment variable
START_MODE=httpAfter deployment completes, check the issued URL (e.g.
https://html-idea-mcp-xxxx.up.railway.app)
Register with claude.ai
Open claude.ai and click '+' → 'Connectors' → 'Manage connectors' in the chat input field
Select 'Add a custom MCP server'
Enter the SSE endpoint URL:
https://あなたのURL.up.railway.app/sseSave and enable
Try HTTP mode locally
npm run dev:httpVerify it works from another terminal:
curl http://localhost:3000/healthTech stack
TypeScript / Node.js
Express + CORS (HTTP/SSE mode)
Zod (schema validation)
This server cannot be deployed
Maintenance
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
- -licenseCqualityDmaintenanceGenerates 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-
- 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.-
- FlicenseAqualityDmaintenanceEnables 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.18 npm-