Vibeleaderboard
← Back to Tools
Index / agent

html-anything

https://github.com/nexu-io/html-anything
Visit open-design.ai
Category
AI Agents
Rank
No. 889Tools index

Previous survey · No. 873 ·

Pricing
Open Source
Type
AGENT
Builder
nexu-io
GitHub
8.7k stars
Date

About

Agentic HTML editor — your local AI agent writes the HTML, you ship it. Conversational front-end editing without leaving the browser.

What it does

It turns Markdown, text, CSV, or JSON into styled, single-file HTML. You choose a design template or let it match one, then an installed coding-agent command generates the result. It offers both browser and terminal workflows, with HTML, PNG, and platform-oriented export options.

Why it's ranked here

The appeal is concrete: broad input support, a large template catalog, local agent reuse, and output designed for direct publication. The repository also shows serious engineering around host validation, automated checks, unit tests, and browser tests. Its value still depends on having a compatible coding-agent command available.

What's good

It reuses an authenticated local agent session, so it does not require a separate API key. Templates cover documents, decks, posters, social cards, prototypes, reports, and video frames. The terminal supports standard input, multiple files, saved defaults, automatic template matching, explicit models, and collision-aware output handling.

Tradeoffs

This is not a self-contained renderer. Generation requires an installed, available coding-agent command, and some detected agent protocols are explicitly marked unsupported by the CLI. Template-led generation trades unrestricted design control for speed and consistency. Claims of ship-ready output should still be checked against real content, branding, and target-platform behavior.

How to use it well

Use it when writers, developers, or small teams need polished HTML artifacts from structured notes or data without hand-building layouts. Start with automatic template matching, then select a fixed template for repeatable work. It complements an existing coding-agent subscription. It does not replace final editorial review, brand governance, browser compatibility checks, or video rendering.

Technical notes+

The root package.json defines a private pnpm workspace package, pins pnpm, and carries only tsx as a development dependency. cli/src/index.ts implements conversion, automatic matching, template and agent listing, configuration, stdin input, batch files, output collision handling, and model selection. cli/src/agents-detect.ts searches PATH plus common user toolchain directories on Windows and Unix-like systems, while marking ACP and Pi RPC protocols unsupported. next/src/middleware.ts gates all API routes with a loopback-oriented Host allowlist and reads override environment variables at request time. next/vitest.config.ts uses happy-dom; e2e/playwright.config.ts builds the Next application and runs fully parallel Chromium tests with failure traces and screenshots.

Observed

License
Apache-2.0
Primary language
TypeScript
Packaging
Private pnpm workspace package with a pinned pnpm package manager
Interfaces
Next.js browser application and command-line interface
Accepted CLI input
Markdown, text, CSV, and JSON, from files or standard input
Output surface
Single-file HTML, PNG download, and exports targeting WeChat, X, and Zhihu
Testing
Vitest unit tests with happy-dom and Playwright browser tests using Desktop Chrome
API security
API routes use a Host-header allowlist that defaults to loopback hosts

Read from README.md, package.json, scripts/guard.ts, next/next.config.ts, cli/vitest.config.ts, next/vitest.config.ts, next/postcss.config.mjs, e2e/playwright.config.ts, cli/src/run.ts, cli/src/index.ts, cli/src/config.ts, cli/src/prompt.ts, next/src/middleware.ts, cli/src/extract-html.ts, cli/src/agents-detect.ts.

What it can do

  • Generate HTML code from natural language descriptions

    Natural language description of desired HTML structure → HTML code

  • Edit HTML through conversational interface

    Conversational commands and existing HTML → Modified HTML code

  • Write HTML code using AI agent

    User requirements and specifications → Complete HTML document

  • Modify existing HTML without leaving browser

    HTML file and modification requests → Updated HTML file

  • Create front-end code through AI assistance

    Front-end requirements and design specifications → HTML and associated front-end code

Tags

htmlai-editoragentfrontendnexu

Tech Stack

Node.js

Media

html-anything

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.