HTML Anything (HTML 编辑器)
本地优先的 agent 时代 HTML 编辑器:自动复用本机已登录的 9 种 coding-agent CLI(零 API key),用 75+ 个 SKILL.md 模板技能(实测目录 81 个,覆盖 deck/海报/小红书卡片/数据报告等)把 Markdown/CSV/JSON 变成可交付单文件 HTML,SSE 流式渲染预览,一键导出微信/X/知乎/PNG。
仓库:nexu-io/html-anything
热度证据:8,260 star,open-design 团队出品,WeChat/X 可导出
五维评分
热度4/5
质量5/5
创新4/5
易用4/5
文档4/5
优秀点拆解
- 不造 agent 复用用户 CLI:扫描 PATH 检测 9+ 种已登录的 coding-agent CLI(claude/codex/cursor-agent/gemini 等),每个只需一个 argv+解析薄适配器,边际成本 $0,复用既有订阅会话
- Skill 即文件夹 + 富 front matter:81 个模板各为 SKILL.md+example.html 目录,mode/scenario/recommended/example_* 等元数据零代码驱动 picker 排序筛选与示例预览,社区贡献成本压到一个文件夹
- 硬约束进 prompt 防 AI 味:主题色锁 hex、版式锁清单(如 deck-swiss-international 的 22 个版式)、禁圆角/禁阴影/禁 lorem ipsum/必须用真实数据,质量在生成前被前置保证
- 三层模板匹配器:强关键词表(置信度≥3 秒判)→ 规则加权评分 → AI 一句话摘要归类兜底,每层可回退、最后兜底通用模板,90% 场景零 agent 调用
- 流式渲染 + 一键导出闭环:stdout JSON-line → SSE → iframe srcdoc 实时追加(可随时打断);juice 内联 CSS + data-tool 标记实现微信粘贴零重排,知乎 LaTeX 图片占位
可复用的设计模式
- 用户的 CLI 就是我的 runtime:不内置模型,扫描 PATH + 复用登录会话,JSON-line 为线协议,每 CLI 一个薄适配器
- 文件夹即技能 + front matter 驱动 UI:注册/排序/筛选/示例预览全由元数据驱动,加技能零代码
- 三层匹配:强规则 → 加权评分 → AI 兜底,每层可回退且有最终兜底模板,廉价路径优先
- 设计约束写成 prompt 里的可验证禁止项(锁 hex/锁版式清单/禁止项列表),配合流式输出让用户可中断
适用场景
中文内容创作者:文章/卡片/海报一键排版并导出微信、知乎、X非设计师快速出设计稿:PPT deck、dashboard、数据报告、Web 原型、落地页开发者学习 SKILL.md 技能写作:81 个模板本身是带硬约束与真实示例的范本命令行批处理:Markdown/CSV/JSON → 单文件 HTML(cli 包),无需开网页
边界与注意:要求本机已登录 coding-agent CLI(远程/无头环境不可用);模板为锁定版式,不满足像素级自由设计;本地优先、无协作与云同步(历史/版本在 roadmap);/api 以最大权限 spawn CLI,安全模型是单操作员单机。
完整拆解分析文档
本页为摘要版,完整精读分析(核心机制、逐条优秀点拆解、写作过程)见本地 Markdown 文档:
analysis/community-html-anything.md