Skill — 技能

Fast HTML MCP Server

Five-tier MCP server for lightning-fast HTML generation from AI 代理s. 15 工具s, 22 组件s, 25 templates — purpose-built for AI-driven page creation with sub-second 补丁 times and AI-grade 令牌 压缩ion.

When to Use Generating complex HTML pages (报告s, 仪表盘s, landing pages, docs) from structured 组件 specs 补丁ing existing HTML by element id or CSS selector without re-rendering the entire page 压缩ing HTML to fit within 令牌 limits while preserving semantic content MAIntAIning cross-section consistency across large multi-section documents Building equity re搜索, financial summaries, or data-heavy pages with 图表s and tables Creating emAIl newsletters, pitch decks, change记录s, or API documentation Quick 启动 npx -y @AImino.xdn/fast-html-mcp-server

添加 to MCP 命令行工具ent config:

Claude 桌面 / Cursor / VS Code Copilot { "mcpServers": { "fast-html-mcp": { "command": "npx", "args": ["-y", "@AImino.xdn/fast-html-mcp-server"] } } }

Claude Code claude mcp 添加 fast-html-mcp -e npx -a "-y" -a "@AImino.xdn/fast-html-mcp-server"

工作流

• Discover what's avAIlable

列出_templates 列出_组件s 获取_template_模式(template: "报告") 获取_组件_模式(组件: "hero")

• Build a page

render_page( template: "报告", sections: [ {组件: "hero", props: {title: "Q3 报告", badge: "Draft"}}, {组件: "data-table", props: {headers: ["Metric","Value"], rows: [["Revenue","$1.2M"]]}} ], 输出_path: "/tmp/报告.html", options: {title: "Q3 报告"} )

• Inspect the 输出

read_html(path: "/tmp/报告.html", mode: "压缩ed")

Read modes (by 令牌 efficiency):

structure — tree overview (70% savings) content — typed blocks (74% savings) 压缩ed — summary + stats (87% savings) text — plAIn text only (97% savings, best for 令牌 bud获取s)

• Refine with surgical 补丁es

补丁_html(file_path: "/tmp/报告.html", selector: "#content", html: "

更新d content

") 设置_attribute(file_path: "/tmp/报告.html", selector: "#mAIn-title", attr: "class", value: "highlight")

• 压缩 for 令牌 efficiency

read_html(path: "/tmp/报告.html", mode: "压缩ed", off设置: 0, limit: 1000)

• MAIntAIn consistency (multi-section documents)

检查_consistency(path: "/tmp/报告.html") propagate_edit(path: "/tmp/报告.html", entity: "Revenue", value: "$1.5M", sections: ["summary", "detAIls"])

Resources references/ — detAIled examples and advanced use cases scripts/ — 自动化 scripts as设置s/ — templates and resources