# HTML Anything

> The agentic HTML editor — AI agent writes the HTML

## 基本信息

| 项目 | 内容 |
|------|------|
| **GitHub** | https://github.com/nexu-io/html-anything |
| **Stars** | 4,874 ⭐ |
| **Forks** | 498 |
| **描述** | 75 Skills × 9 Surfaces - AI生成专业级HTML |

## 核心理念

> Markdown is the draft. HTML is what humans read. Your local agent writes it.

## 9大交付场景 (Surfaces)

- **magazine** - 杂志文章
- **deck** - 演示文稿 (20种)
- **poster** - 海报
- **xiaohongshu** - 小红书卡片
- **tweet** - 推特卡片
- **prototype** - 网页原型
- **data report** - 数据报告
- **Hyperframes** - 视频脚本
- **resume** - 简历

## 75个技能模板 (Skills)

分类：
- **mode**: prototype / deck / frame / social / office
- **scenario**: design / marketing / engineering / product / finance / hr / sale / personal

## 8个 Coding Agents 支持

| Agent | 命令 |
|-------|------|
| Claude Code | claude |
| OpenAI Codex | codex |
| Cursor Agent | cursor-agent |
| Gemini CLI | gemini |
| GitHub Copilot CLI | copilot |
| OpenCode | opencode-cli |
| Qwen Coder | qwen |
| Aider | aider |

## 技术架构

```
Input → Agent Detection → Skill Picker → AI Transform (SSE) → Preview (iframe) → Export
```

## 研究文档

完整研究: `D:/mc/小怡/07-Wiki/项目研究/HTML-Anything研究.md`

## 借鉴价值

- ⭐⭐⭐⭐⭐ SKILL.md格式规范
- ⭐⭐⭐⭐⭐ 多Agent适配层
- ⭐⭐⭐⭐⭐ SSE流式渲染
- ⭐⭐⭐⭐⭐ 多平台一键导出
- ⭐⭐⭐⭐ Surface/Skill分类体系

## 在线体验

https://open-design.ai/html-anything/