Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
MCP server for HTML generation from AI agents
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"opentalk2html-notmd": {
"command": "npx",
"args": [
"-y",
"@aimino/opentalk2html-notmd"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add opentalk2html-notmd -- npx -y @aimino/opentalk2html-notmdวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"opentalk2html-notmd": {
"command": "npx",
"args": [
"-y",
"@aimino/opentalk2html-notmd"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"opentalk2html-notmd": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@aimino/opentalk2html-notmd"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub Aimino-Tech ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.2) เข้า registry 5 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, sync. labs
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Lipsync videos, dub them into other languages, make talking videos and open sync. Studio.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
AI talks to you through beautiful pages — not overwhelming markdown dumps.
OpenTalk2HTML-NotMD is an MCP server that transforms how AI agents communicate with you. Instead of drowning in raw markdown files that nobody can read, AI builds clean, organized HTML pages — reports, dashboards, landing pages, invoices, anything — delivered instantly, no browser required.
AI should communicate with humans the way humans communicate with each other: through well-designed pages, not raw text files.
Every time an AI agent dumps markdown on you, it's choosing the easiest path for the machine — not the best path for you. OpenTalk2HTML-NotMD changes that. It gives AI agents a tool to create proper, structured, beautiful HTML pages that you can actually read, scan, and share.
One command. Any AI platform. Real pages.
npx -y @aimino/fast-html-mcp-server
| 🚫 You're stuck with this | ✅ You get this instead |
|---|---|
| Raw markdown walls you can't scan | Clean HTML pages with navigation and sections |
## Headings and - bullets everywhere | Styled reports, dashboards, and data tables |
| Scroll for 20 minutes to find one number | Jump between sections, read what matters |
| One massive file you'll never open again | Beautiful pages you'll actually share |
| AI choosing what's easy for it | AI building what's good for you |
*AI builds a real dashboard page in seconds — no browser, no Playwright, no Docker.*
npx -y @aimino/fast-html-mcp-server
Add to Claude Desktop, Cursor, VS Code, or any MCP client:
{
"mcpServers": { "open-talk-2-html-not-md": { "command": "npx", "args": ["-y", "@aimino/fast-html-mcp-server"] } } }
That's it. Your AI agent now talks to you through pages.
An AI agent using OpenTalk2HTML-NotMD can build you:
| You ask for... | Instead of markdown | AI creates |
|---|---|---|
| "Show me Q3 numbers" | ## Q3\n- Revenue: $1.2M\n- Users: 45K | A styled report with tables & badges |
| "Make an invoice" | # Invoice\n**Client:** Acme Corp | A proper invoice page |
| "Dashboard please" | ## Metrics\n**ARR:** $10M | Analytics dashboard with visuals |
| "Pitch deck for investors" | Raw text with --- slides | Slide deck with real design |
| "API documentation" | Markdown with ` blocks | Proper API docs page |
See all 22+ use cases in the interactive showcase.
OpenTalk2HTML-NotMD is a five-tier MCP server purpose-built for AI-to-human communication:
OpenTalk2HTML-NotMD MCP Server
├── Assembly → render_page (compose pages from components) ├── Patch → patch_html, set_attribute, edit_html_range (make surgical edits) ├── Read → read_html (inspect with 97% token savings) ├── Raw → write_raw_html, format_html, preview_html ├── Email → render_email, html_to_email (send to inbox) └── Consistency→ propagate_edit, check_consistency (keep data in sync)
AI builds, edits, reads, and refines HTML pages — the same way you'd work with a document, except it happens in milliseconds and costs pennies.
AI agents default to markdown because it's the easiest output format. But markdown was designed for lightweight text formatting, not for communicating complex AI outputs to humans. The result:
HTML fixes all of this: structure, navigation, styling, visuals, sharing — built in, no browser needed on the server side. The AI creates real pages that humans can actually consume.
OpenTalk2HTML-NotMD bridges the gap: AI writes HTML instead of markdown, and you get pages you can read, scan, and share.
| Tier | Tool | What It Does |
|---|---|---|
| Assembly | render_page | Compose a page from components & template |
| Assembly | register_template | Add your own template at runtime |
| Patch | patch_html | Replace content by CSS selector |
| Patch | set_attribute | Change an attribute by CSS selector |
| Patch | edit_html_range | Replace lines (most token-efficient edit) |
| Read | read_html | Inspect HTML in 4 modes (97% token savings) |
| Raw | write_raw_html | Write raw HTML to file |
| Raw | format_html | Beautify HTML |
| Raw | preview_html | Preview without writing to disk |
render_email | Build email-safe HTML | |
html_to_email | Convert web HTML to email-safe | |
| Consistency | propagate_edit | Update all cross-references |
| Consistency | check_consistency | Audit for stale references |
| Utility | list_components | Browse available components |
| Utility | list_templates | Browse available templates |
| Utility | get_template_schema | See template variables |
| Utility | get_component_schema | See component props |
Layout: header, footer, sidebar, card-deck, grid Data: data-table, stats-grid, timeline, financial-table, evidence-grid Visual: risk-matrix, valuation-chart, prisma-flow Media: figure, image-gallery Interactive: tabs, accordion Utility: hero, callout, code-block, citation-block
Reports: report, exploration, research, code-review, equity-research, lit-review, research-briefing, scientific-paper, journal-club, earnings-summary, industry-overview
Business: invoice, budget, financial-summary, data-sheet, dashboard, financial-dashboard
Communication: newsletter, changelog, faq, meeting-notes, comparison, landing-page, error-page
Presentation: pitch-deck, deck, design, prototyping, illustrations
Developer: api-doc, custom-editor, minimal, documentation
| Operation | OpenTalk2HTML-NotMD | Alternatives |
|---|---|---|
| Cold start → first render | ~1.5s | Playwright/Puppeteer: 5-15s |
| page render | ~900ms | Handlebars: similar |
| Patch by #id | ~200ms | Cheerio: 2-5s |
| Patch by CSS selector | ~800ms | Regex: 1-3s |
| 5 sequential patches | ~2s total | Re-parsing: 10s+ |
| Compression ratio | 40-70% | html-minifier: 10-30% |
| AI-compressed read (106KB page) | ~1,000 tokens (97% saved) | Raw: 30,553 tokens |
Why is it this fast?
1. Discover → list templates & components
Designed from the ground up for AI token budgets:
| Mode | Tokens | Savings | Use |
|---|---|---|---|
| Text | 1,000 | 97% | Token-minimal reading |
| Compressed | 3,909 | 87% | Summary + stats |
| Content | 7,991 | 74% | Typed blocks |
| Structure | 9,163 | 70% | Tree overview |
| Approach | Tokens | When to use |
|---|---|---|
patch_html by id | ~2,396 | Small targets |
edit_html_range | ~48 | Large containers, surgical changes |
git clone https://github.com/Aimino-Tech/OpenTalk2HTML-NotMD.git
cd OpenTalk2HTML-NotMD npm install npm run build npm run dev # hot reload npm test # vitest
GNU General Public License v3.0 — see LICENSE.
*Built by Aimino Tech — making AI communicate like a human.*