Fast Html MCP Server

@Aimino-Tech

代码仓库

基本信息

分类

其他

传输方式

stdio

作者

Aimino-Tech

提交者

Xuan Duc Nguyen

关于 Fast Html MCP Server

暂无概览

Fast Html MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "fast-html-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@aimino/fast-html-mcp-server"
      ]
    }
  }
}

Fast Html MCP Server 工具

Assemble page from structured components

Patch HTML element(s) by CSS selector

Set attribute on element(s) by CSS selector

Replace a range of lines in an HTML file with new content (most token-efficient edit — send only the changed lines)

Replace a rendered section in an HTML file with a new component. Pages rendered with render_page embed section markers. Use list_sections to discover available indices. Provide component+props to re-render, or html for raw replacement.

Insert a new component section at a specific index, pushing existing sections forward. Uses the same section marker system as render_page. Auto-renumbers all subsequent sections.

List all component sections in an HTML file that was built with render_page. Returns section indices, component types, and sizes.

Read/analyze existing HTML file. Use mode='text' for token-efficient plain text extraction with offset/limit progressive reading.

Write raw HTML content directly to file

Write content as formatted HTML file

Format/beautify an existing HTML file

Preview rendered HTML string without writing

List available template shells (optionally filter by category)

Propagate an entity edit through the dependency graph, updating all transitively affected sections

Audit document for stale cross-section references and dependency violations

List available interactive components (optionally filter by category)

Get template metadata including available variables with defaults

Get component schema with available props

概览

What is Fast HTML MCP?

Fast HTML MCP is a Model Context Protocol server for fast HTML generation and editing by AI agents. It uses a five-tier architecture (Assembly–Patch–Read–Raw–Consistency) and provides 15 tools, 22 components, and 25 templates purpose-built for AI-driven page creation with sub-second patch times and token-efficient reading.

How to use Fast HTML MCP?

Install and run with npx -y @aimino/fast-html-mcp-server. Configure the server in your MCP client (Claude Desktop, Cursor, VS Code via GitHub Copilot, or Claude Code) using the provided JSON snippets. Invoke tools via JSON-RPC calls—for example, list_templates, render_page, read_html—following the Ping-Pong Loop: discover, build, inspect, refine, and maintain consistency.

Key features of Fast HTML MCP

15 tools across five tiers: Assembly, Patch, Read, Raw, Consistency
22 reusable components and 25 pre-compiled templates
Sub-second patching via #id fast-path (direct string substitution)
Document Consistency Engine for cross-section data integrity
Token-efficient read modes: structure, content, compressed, text
AI-grade token compression and streaming output
XSS prevention with DOMPurify and atomic writes

Use cases of Fast HTML MCP

Generate equity research reports with 10+ interdependent sections
Build and iterate on data dashboards with tables and charts
Create and patch landing pages, newsletters, and documentation
Produce financial summaries and invoicing templates
Maintain consistency across large multi-section documents

常见问题

What runtime does Fast HTML MCP require?

Node.js 20 or higher, and the server is distributed as an ES module (ESM).

How does Fast HTML MCP achieve sub-second patch speeds?

It uses a #id fast-path for direct string substitution on `#id` selectors (~10× faster than full AST parse), pre-compiled doT.js templates, no browser runtime (unlike Playwright/Puppeteer), and atomic in-place edits without full DOM re-serialization.

What is the Document Consistency Engine?

It is a dependency-graph-based engine that propagates entity edits across sections, detects stale cross-section references with 100% accuracy, and auto-updates affected sections—achieving ~11 ms worst-case propagation for 100 sections.

How does token compression work for AI agents?

Compression modes reduce HTML size: `high` mode yields 40–70% reduction, and `ai` mode produces token-aware minification (~1600 chars for a full report). Read modes also save tokens: `text` mode strips HTML tags for 97% savings over raw HTML.

What security measures are in Fast HTML MCP?

All output is sanitized with DOMPurify to prevent XSS. File writes are atomic (tmp file + rename) to prevent partial writes.

其他分类下的更多 MCP 服务器

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov