Design posters, social posts, slides and landing pages inside GitHub Copilot, Claude Code, Codex or Cursor, with no separate desktop app.
nexu-io/html-anything
A local-first HTML editor where your installed coding-agent CLI turns Markdown, CSV or notes into single-file HTML pages, decks and posters.
Open-source alternative to:Canva
- Stars
- 9,441
- Forks
- 904
- Open issues
- 65
- Last commit
- 14 hours ago
What is it?
HTML Anything is an editor that uses a local AI coding agent to generate HTML from raw input such as Markdown, CSV, JSON, SQL or plain notes. It auto-detects supported CLIs on the PATH, including Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder and Aider, and reuses the existing login session, so no separate API key is needed.
Generation is driven by 75 skill templates grouped into nine surfaces: magazine articles, keynote decks, résumés, posters, Xiaohongshu and tweet cards, web prototypes, data reports and Hyperframes video frames. Output is streamed into a sandboxed iframe preview as it is produced, and results can be copied with inlined CSS for WeChat or Zhihu, pasted as images into X, or downloaded as .html or .png.
The project is an Apache-2.0 pnpm workspace built on Next.js 16 and React 19. Adding a skill means adding a folder with a SKILL.md file and an example.html.
Key features
- 01Detects installed coding-agent CLIs on PATH and reuses their existing login sessions
- 02Ships 75 skill templates across nine output surfaces, from decks to Hyperframes video frames
- 03Streams generated HTML live into a sandboxed iframe preview
- 04Exports to WeChat and Zhihu with inlined CSS, to X as an image, or as .html and .png files
- 05Parses CSV, Excel, JSON and SQL input in the browser without uploading it
Use cases
- Turning a Markdown draft into a styled WeChat article or Zhihu post
- Building a slide deck or one-page poster from raw notes
- Producing a data report from a CSV or spreadsheet export
- Creating Xiaohongshu or tweet-style image cards for social posts
Quick start
- 1
Clone the repository
- 2
Install dependencies with pnpm
- 3
Start the local dev server
pnpm -F @html-anything/next dev
Things to know
- Requires at least one supported coding-agent CLI (such as Claude Code or Codex) already installed and logged in.
- Built on Next.js workspace with pnpm, so it runs locally rather than as a packaged app.
In collections
Topics
FAQ
- What is html-anything?
- A local-first HTML editor where your installed coding-agent CLI turns Markdown, CSV or notes into single-file HTML pages, decks and posters. HTML Anything is an editor that uses a local AI coding agent to generate HTML from raw input such as Markdown, CSV, JSON, SQL or plain notes. It auto-detects supported CLIs on the PATH, including Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder and Aider, and reuses the existing login session, so no separate API key is needed.
- Is html-anything free to use? What license does it have?
- html-anything is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
- Is html-anything still maintained?
- Actively maintained. The last commit to html-anything was on Nov 6, 2026.
- What can I use html-anything for?
- Turning a Markdown draft into a styled WeChat article or Zhihu post Building a slide deck or one-page poster from raw notes Producing a data report from a CSV or spreadsheet export Creating Xiaohongshu or tweet-style image cards for social posts
- How do I install html-anything?
- Clone the repository Install dependencies with pnpm Start the local dev server: pnpm -F @html-anything/next dev
- Where can I get html-anything?
- The source code and installation instructions are on GitHub: https://github.com/nexu-io/html-anything
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
Layout rules and templates that let AI agents export documents as PDF, PNG and editable PowerPoint.
Local-first, open-source AI design agent workspace that turns briefs into prototypes, decks, dashboards, images and videos using your own coding agent.
Open-source, local-first desktop app that turns prompts into prototypes, slide decks and PDFs, using the AI model you bring.
An interface design skill for AI agents that explores distinct design directions, compares them side by side, and refines them against real screenshots.
An agent skill that gives coding agents like Claude Code and Cursor design judgment to generate and iterate on UI, slide decks, and graphics.