HTML Anything

// Overview

HTML Anything is an agent-era HTML editor built on a simple premise: Markdown is the draft, HTML is what people actually read, and in an agentic workflow you no longer hand-edit the document — so the output format should be the one the reader wants. You run it locally, pick a template, describe what you want, and a coding agent writes the page while a sandboxed preview shows the result.

It does not ask for an API key. On startup the app scans your PATH — including the directories a GUI-launched Node process normally misses, such as ~/.local/bin, ~/.bun/bin, /opt/homebrew/bin and ~/.npm-global/bin — and surfaces every coding-agent CLI it recognises, reusing the session you are already signed into. Nine CLIs are detected: Claude Code, Cursor Agent, Codex, Gemini CLI, GitHub Copilot CLI, OpenCode, Qwen Coder, Aider and IBM Bob.

The content side is 75 composable skill templates spread across nine deliverable surfaces: magazine articles, keynote decks, résumés, posters, Xiaohongshu cards, tweet cards, web prototypes, data reports and Hyperframes videos. Each skill is a directory with its own SKILL.md and a real example.html you can open straight from the repo. Finished pages export in one click to WeChat, X or Zhihu, or download as .html or .png. The project comes from the team behind Open Design and is built on top of it.

// What it does

• Zero API key: detects and reuses whichever coding-agent CLI is already signed in on your PATH
• Nine supported agent CLIs — Claude Code, Cursor Agent, Codex, Gemini CLI, GitHub Copilot CLI, OpenCode, Qwen Coder, Aider and IBM Bob
• 75 composable skill templates across nine deliverable surfaces, each shipping a runnable example.html
• Sandboxed preview so generated markup renders without touching the host page
• One-click export to WeChat, X and Zhihu, or download as .html or .png
• Local-first: the app, the templates and the agent session all run on your own machine

// Getting started

The repo is a small pnpm workspace; the complete Next app lives in next/. Clone it, install, and start the dev server — there is no key to configure, because the app borrows the agent CLI session you already have.

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000

next/src/lib/templates/skills/

pnpm exec tsx scripts/guard.ts
pnpm -F @html-anything/next typecheck
pnpm -F @html-anything/next test
pnpm -F @html-anything/next build

Commands and code are distilled from the project's own documentation — always check the official repo for the latest.

// When to use it

• Turn a Markdown draft into a magazine-styled HTML article your readers actually get, without hand-writing the layout
• Generate a keynote deck or poster from a brief using a locked layout system instead of freehand CSS
• Produce social cards for X, WeChat or Xiaohongshu from one piece of source content and export them as PNGs
• Use the coding-agent subscription you already pay for as the rendering engine, with no extra API key or billing

// How HTML Anything compares

HTML Anything alongside other open-source generative ui sdks tools AI/TLDR tracks, ranked by GitHub stars.