HTML Anything: An Agentic HTML Editor with 75 Composable Skill Templates
If you've ever wished your HTML editor could think a little more like you do, HTML Anything might be exactly what you're looking for. It's not just another code editor or WYSIWYG tool. It's an agentic HTML editor powered by 75 composable skill templates.
That means instead of manually stitching together every piece of HTML, you describe what you want and let the editor figure out the how. It's like having a junior dev who's really good at HTML, CSS, and accessibility – and never sleeps.
What It Does
HTML Anything is a browser-based editor (yes, it runs locally) that lets you build and modify HTML using natural language or structured queries. Under the hood, it uses a set of 75 skill templates – think of them as reusable, composable capabilities. You can combine them to do things like:
- Generate semantic HTML from a plain text description
- Add ARIA labels, improve accessibility
- Refactor messy inline styles into clean CSS
- Convert Markdown to HTML
- Apply responsive design patterns
- Or even create entire page layouts from a sketch
The "agentic" part means the editor doesn't just paste code. It understands context, applies the right skills in sequence, and can iterate based on your feedback. You're not writing code – you're guiding an AI that knows HTML inside out.
Why It's Cool
A few things make HTML Anything stand out.
1. Composable skills, not monolithic prompts.
Instead of one giant AI model trying to do everything, the 75 skills are modular. You can chain them together: "Take this table, make it responsive, then add a dark mode toggle." The editor applies each skill step by step, which gives you more control and predictable results.
2. Runs in your browser.
No backend, no API keys, no signup. Clone the repo, open the HTML file, and you're done. All the AI logic runs locally (using a built-in small language model or your own via WebLLM). Your data never leaves your machine.
3. Developer-friendly by design.
The output is clean, semantic HTML. It doesn't throw random div soup at you. It respects existing structure, adds comments where useful, and even suggests improvements. You can inspect the generated code, tweak the skills, or contribute your own.
4. Open source and hackable.
The skill templates are just JavaScript files. Want to add a custom skill for rendering Tailwind classes into inline styles? Go for it. The architecture is simple enough that you can understand the whole thing in an afternoon.
How to Try It
You can try HTML Anything right now without installing anythi