Skip to main content
Glama

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

create_idea

Input an idea and generate HTML

list_ideas

Display a list of saved ideas (CLI mode only)

create_idea parameters

Parameter

Type

Description

title

string

Title (required)

summary

string

One-line summary (required)

background

string

Background / problem to solve

features

string[]

List of key features

techStack

string[]

Technologies and libraries used

phases

object[]

Development phases (name + tasks[])

notes

string

Notes / additional details

priority

high / medium / low

Priority (default: medium)

status

idea / planning / in-progress / done

Status (default: idea)

outputDir

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 build

Register the MCP server

claude mcp add html-idea-mcp node /path/to/Claude_base_html_make_MCP/dist/index.js

Alternatively, running claude in this directory will automatically load .mcp.json.


B. Using with claude.ai Web (Deploy)

Deploy to Railway

  1. Sign in to railway.app

  2. Click 'New Project' → 'Deploy from GitHub repo' → Select this repository

  3. Set the environment variable START_MODE=http

  4. After deployment completes, check the issued URL (e.g. https://html-idea-mcp-xxxx.up.railway.app)

Register with claude.ai

  1. Open claude.ai and click '+' → 'Connectors' → 'Manage connectors' in the chat input field

  2. Select 'Add a custom MCP server'

  3. Enter the SSE endpoint URL:

    https://あなたのURL.up.railway.app/sse
  4. Save and enable


Try HTTP mode locally

npm run dev:http

Verify it works from another terminal:

curl http://localhost:3000/health

Tech stack

Related MCP Connectors

Related MCP Servers

  • F
    license
    Not graded
    quality
    D
    maintenance
    Enables Claude Code to save, list, and read markdown notes directly from conversations, eliminating manual file management for project ideas, debugging notes, and meeting summaries.
    -
  • F
    license
    Not graded
    quality
    B
    maintenance
    Enables 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
    -