HTML Anything - Trình soạn HTML chạy bằng AI agent

Tổng quan

HTML Anything là một editor “agentic” mã nguồn mở: bạn dán nội dung thô (Markdown, CSV, JSON, SQL hay text thường) và để AI agent dựng thành HTML hoàn chỉnh, sẵn sàng publish. Điểm hay là nó tận dụng các CLI agent bạn đã cài sẵn nên không cần API key riêng, không tốn thêm chi phí token ngoài session đang dùng.

Tool hỗ trợ 8 coding-agent CLI: Claude Code, Cursor, Codex, Gemini, Copilot, OpenCode, Qwen và Aider. Đi kèm là 75 skill template trải trên 9 nhóm output: magazine, slide deck, poster, social card, prototype, data report, Hyperframe…

Các bước thực hiện

1. Clone repo và cài dependency:

   git clone https://github.com/nexu-io/html-anything
   cd html-anything
   pnpm install

2. Chạy dev server:

   pnpm -F @html-anything/next dev
   # → http://localhost:3000

3. Dán nội dung, chọn skill template, để agent render. Xem live preview trong sandbox iframe, rồi export 1 click ra WeChat / X / Zhihu / HTML / PNG.

Lưu ý

• Stack: Next.js 16, React 19, Tailwind v4. Render qua SSE streaming nên thấy kết quả theo thời gian thực.
• Preview chạy trong iframe sandbox + dompurify để chống XSS.
• License Apache-2.0, tự host thoải mái.

Mình đã test tool này kỹ hơn - chạy cùng 1 input qua 12 template khác nhau và nhúng kết quả trực tiếp vào bài. Đọc review chi tiết html-anything để xem tool làm được gì trong thực tế.

Click button bên trên để xem chi tiết ở source gốc.