Fast Html Mcp

by Aimino-Tech

261 downloads Not rated yet

About

# Fast HTML MCP [![npm version](https://img.shields.io/npm/v/@aimino/fast-html-mcp-server)](https://www.npmjs.com/package/@aimino/fast-html-mcp-server) [![License](https://img.shields.io/badge/license-GPL%203.0-blue.svg)](LICENSE) [![Node](https://img.shields.io/badge/node-%3E%3D20-brightgreen)](package.json)…

Explore

- 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

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name Fast Html Mcp
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

``bash
npx -y @aimino/fast-html-mcp-server
``

Or add to your MCP client config:

render_page

Assemble page from structured components

patch_html

Patch HTML element(s) by CSS selector

set_attribute

Set attribute on element(s) by CSS selector

edit_html_range

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

edit_section

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_section

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_sections

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

read_html

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

write_raw_html

Write raw HTML content directly to file

write_html_file

Write content as formatted HTML file

format_html

Format/beautify an existing HTML file

preview_html

Preview rendered HTML string without writing

list_templates

List available template shells (optionally filter by category)

propagate_edit

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

check_consistency

Audit document for stale cross-section references and dependency violations

list_components

List available interactive components (optionally filter by category)

get_template_schema

Get template metadata including available variables with defaults

get_component_schema

Get component schema with available props

register_template

Register a custom template at runtime for immediate use with render_page/preview_html

| Tier | Tool | Description |
|------|------|-------------|
| Assembly | render_page | Compose pages from structured component specs using doT.js templates |
| Patch | patch_html | Replace inner content of matched elements via CSS selectors (parse5 AST) |
| Patch | set_attribute | Set an attribute on elements matched by CSS selector |
| Read | read_html | Analyze existing HTML in three modes: structure, content, compressed |
| Raw | write_raw_html | Write raw HTML string (optionally template-wrapped) to file |
| Raw | write_html_file | Alias for write_raw_html |
| Raw | format_html | Beautify an existing HTML file in-place with js-beautify |
| Raw | preview_html | Render HTML string to a preview file without writing to disk |
| Consistency | propagate_edit | Propagate entity edit through dependency graph, auto-updating affected sections |
| Consistency | check_consistency | Audit document for stale cross-section references |
| Utility | list_components | List available components, optionally filtered by category |
| Utility | list_templates | List available templates, optionally filtered by category |
| Utility | get_template_schema | Get template metadata with available variables and defaults |
| Utility | get_component_schema | Get component schema with available props |
| Utility | register_template | Register a custom template at runtime for immediate use |

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

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

McpServers

{
    "fast-html-mcp-server": {
        "command": "npx",
        "args": [
            "-y",
            "@aimino/fast-html-mcp-server"
        ]
    }
}
npm version License Node ![MCP](https://github.com/modelcontextprotocol/specification) Five-tier MCP server for lightning-fast HTML generation from AI agents. Assembly-Patch-Read-Raw-Consistency architecture. 15 tools, 22 components, 25 templates — purpose-built for AI-driven page creation with sub-second patch times and AI-grade token compression. MCP name: io.github.aimino-tech/fast-html-mcp-server

Quick Start

``bash npx -y @aimino/fast-html-mcp-server ` Or add to your MCP client config:

Claude Desktop

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

Cursor

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

VS Code (via GitHub Copilot MCP extension)

`json { "inputs": [], "servers": { "fast-html-mcp-server": { "command": "npx", "args": ["-y", "@aimino/fast-html-mcp-server"] } } } `

Claude Code

`bash claude mcp add fast-html-mcp-server -e npx -a "-y" -a "@aimino/fast-html-mcp-server" `

Working Example

Here's a complete copy-paste workflow that builds a report page:
``bash
No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.