-
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 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 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-