html-idea-mcp
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 buildMCP サーバーを登録
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 installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
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.13
Related MCP Connectors
Live SEO workflow tools for Claude Code, Codex, and AI agents.
Turn Claude or ChatGPT into a website builder that ships a real site to a live URL you own.
Read, edit, publish, and preview your pepita websites from Claude.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/SOOJUNBARNG/Claude_base_html_make_MCP'
If you have feedback or need assistance with the MCP directory API, please join our Discord server