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 anything.

1. Visit the GitHub repo: https://github.com/nexu-io/html-anything
2. Clone or download the repo
3. Open index.html in your browser (no server needed)
4. Start typing what you want, or paste in existing HTML and ask for modifications

That's it. The demo works offline too, though you'll need an internet connection the first time to download the local AI model.

If you want to go deeper, the docs show how to create your own skill templates, combine them, or swap in a different AI backend.

Final Thoughts

HTML Anything is one of those projects that feels ahead of its time. It takes the "copilot" idea and tailors it specifically to the messy, real-world world of HTML. It's not trying to replace frontend devs – it's trying to remove the boring parts. The composable skill approach is smart because it keeps things transparent and customizable.

If you build for the web, give it a spin. It might change how you think about editing HTML. At the very least, it's a fun way to see what agentic editors can do when they're laser-focused on one domain.

Follow us at @githubprojects for more developer tools and open source discoveries.