← all repositories
nexu-io/html-anything

Your AI agent already knows HTML; this editor finally lets it ship

A local-first editor that turns your existing coding-agent CLI into a designer that outputs single-file HTML, decks, posters, and social cards.

html-anything
Velocity · 7d
+226
★ / day
Trend
steady
star history

What it does

HTML Anything is a Next.js editor that auto-detects eight local coding-agent CLIs—Claude Code, Cursor, Codex, Gemini, Copilot, OpenCode, Qwen, and Aider—and hands them 75 composable skill templates to generate polished, single-file HTML artifacts. Inputs can be Markdown, CSV, JSON, SQL, or raw notes; outputs span magazine layouts, keynote decks, Xiaohongshu cards, data reports, and even Hyperframes video storyboards. Everything renders in a sandboxed preview and exports in one click to WeChat, X, Zhihu, or as raw HTML/PNG.

The interesting bit

The zero-API-key model is the quiet hack: it piggybacks on whichever CLI session you already have logged in (claude login, cursor login, etc.), so marginal cost is literally $0. The “skills” are not loose prompts but hard-constrained SKILL.md files—CJK-first font stacks, 8 px baseline grids, contrast ≥ 4.5, must-use-real-data rules—that keep the agent from producing the usual AI slop.

Key highlights

  • 8 coding-agent CLIs auto-scanned from PATH, including directories GUI Node processes typically miss (~/.bun/bin, /opt/homebrew/bin, etc.)
  • 75 skill templates across 9 deliverable surfaces: deck, doc, poster, social card, prototype, data report, frame, vfx, and Hyperframes video
  • One-click export to WeChat / X / Zhihu, or download .html / .png
  • Built on nexu-io/open-design (40k★, 200+ contributors) with explicit lineage to mdnice, gcui-art/markdown-to-image, and alchaincyf/huashu-md-html
  • Sandboxed preview with inlined CSS via juice for clean paste into walled-garden platforms

Caveats

  • Requires at least one supported CLI agent already installed and authenticated; not a standalone AI service
  • The README is enthusiastic about “ship-ready” output, but the actual quality ceiling depends on your agent’s subscription tier and the specific skill’s constraints
  • Some skill descriptions in the truncated README cut off mid-sentence (e.g., office category), so the full catalog isn’t verifiable from the provided source

Verdict

Grab this if you’re already living in Claude Code or Cursor and tired of copy-pasting Markdown into Canva for social posts or decks. Skip it if you want a fully hosted, no-install tool—or if you expect the agent to read your mind without structured input.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.