Markdown is the draft. HTML is what humans read.
You ship the rendered surface, not the source. HTML Anything closes the gap between your raw notes and the polished page a reader actually sees.
HTML Anything — your local AI agent writes the HTML, you ship it.
The agentic HTML editor from the Open Design family. Reuse the coding-agent CLI you've already authenticated to turn Markdown, CSV, or JSON into ship-ready HTML for WeChat, X, Zhihu, and Xiaohongshu — no new keys, no copy-paste tax.
- 4.5KGitHub stars
- 8Coding-agent CLIs
- 75Skill templates
- 9Surface modes
- Apache-2.0License
Stats verified · live where the API is reachable.
Why this exists
Your agent already knows you.
No new account, no API key, no extra subscription. The CLI in your terminal is the rendering engine — HTML Anything just runs your skill.
Skills are folders, not magic.
75 templates, each a SKILL.md folder you can fork, edit, and reuse. The picker is a directory listing in disguise.
How it works
- 01
Drop in your input
Markdown, CSV, TSV, JSON, SQL, Excel, or plain text. Tabular data is parsed in-browser via papaparse and xlsx — nothing leaves your laptop.
- 02
Pick a skill, agent renders it
Choose from 75 SKILL.md templates. The local CLI you already authenticated streams its stdout straight into a sandboxed iframe via SSE — you watch the layout assemble in real time.
Template picker — 75 skills, organized by surface mode. 
SSE streaming render — agent stdout becomes the layout. - 03
Export to your channel
One click for WeChat MP, X / Weibo / Xiaohongshu, Zhihu, standalone .html, or 2× PNG. Output is presentation-ready, not a starter kit.
Showcase
A glimpse of what HTML Anything ships out of the box. Each tile is a real skill in the registry — fork the folder, swap the content, hit export.
-
deck-guizang-editorial Magazine deck · 16:9 -
deck-swiss-international Swiss grid deck -
doc-kami-parchment Long-form document -
magazine-poster Newsprint poster
Two surfaces beyond the page
HTML Anything also covers presentation-style decks and storyboard frames you can hand off to a video pipeline.
Nine surface modes
Each surface is a curated layout family — pick the one that matches where the output is going to live.
- Magazine article Long-form editorial layout with drop caps and pull quotes.
- Keynote deck Slide deck with editorial covers and Swiss-grid variants.
- Résumé One-page CV in print-ready typographic hierarchy.
- Poster Newsprint poster — single big idea, eye-catching grid.
- Xiaohongshu card Vertical 3:4 card sized for the Little Red Book feed.
- Tweet card 2× PNG export for X / Weibo with native ratios.
- Web prototype Functional landing-page or product-page sketch.
- Data report Tabular data → annotated dashboard in one shot.
- Hyperframes video Storyboard frames you can hand off to Remotion.
Eight coding agents auto-detected
HTML Anything inherits whichever CLI sessions you already have on your machine. No extra account, no extra API key.
- Claude Code
- Cursor Agent
- OpenAI Codex
- Gemini CLI
- GitHub Copilot CLI
- OpenCode
- Qwen Coder
- Aider
Export targets
- WeChat MP
- CSS inlined via juice — paste straight into the editor.
- X / Weibo
- 2× PNG via modern-screenshot, copied through ClipboardItem.
- Xiaohongshu
- Vertical card export sized for the feed.
- Zhihu
- LaTeX equations rendered as image placeholders.
- Standalone HTML
- Single-file download. Self-contained, no asset paths.
- High-DPI PNG
- 2× rendering for crisp screenshots on any platform.
Quickstart
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000The agent runs locally on your laptop. You can also deploy the Next.js shell to Vercel — only the rendering loop stays local.
Roadmap
Stable
- Agent detection
- Skill registry & picker
- SSE streaming render
- Sandboxed iframe preview
- Format auto-detect (Markdown · CSV · TSV · JSON · SQL · Excel)
In progress
- Multi-template compare view
- Hyperframes → .mp4 Remotion handoff
Planned
- Browser extension
- History + version diff
- Skill marketplace
From the Open Design family
Open Design is the broader agentic design surface — skills, systems, templates, the whole studio. HTML Anything is the narrow tool: Markdown or data in, ship-ready HTML out.