HTML Anything：将 AI 输出转化为可发布资产的智能编辑器
别再满足于原始的 Markdown 了。HTML Anything 是一款本地优先、无需 API Key 的编辑器，它利用你现有的 AI 编程智能体，直接生成生产级的 HTML。
在 AI 辅助开发的时代，我们已经习惯了用 Markdown 生成内容。它快速、易读且无处不在。但 Markdown 只是一个中间状态——它并不是你的受众最终看到的样子。当你需要发布演示文稿、报告、社交媒体卡片或网页原型时，往往会面临一个需要手动调整格式的“设计鸿沟”。
HTML Anything 通过将 HTML 视为最终的原生输出格式来弥补这一差距。它是一个智能编辑器，旨在几秒钟内将你的原始数据（Markdown、CSV、JSON 或 SQL）转化为精美、可直接发布的 HTML。
为什么要超越 Markdown？
HTML Anything 背后的团队提出了一个令人信服的观点：Markdown 是写给作者看的，而 HTML 是写给读者看的。通过强制 AI 输出结构化的 HTML，你可以获得：
- 布局控制： 不再受限于渲染器的特定限制。
- 设计一致性： 每个输出都遵循严格的设计系统（8px 网格、中日韩优先字体栈以及高对比度无障碍设计）。
- 零接触导出： 一键转换为针对微信、X (Twitter)、知乎或高 DPI PNG 优化的格式。
工作原理：智能体工作流
与那些需要你为专有模型付费的网页版 AI 工具不同，HTML Anything 是本地优先的。它会自动检测你机器上已经安装的编程智能体。
当你启动应用程序时，它会扫描你的 PATH 以查找诸如 Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot、OpenCode、Qwen 或 Aider 等 CLI 工具。然后，它会重用你现有的已验证会话。你无需管理 API Key，也无需支付额外的订阅费用。
技术栈
- 前端： Next.js 16，配合 React 19 和 Tailwind CSS v4。
- 流式传输： 使用服务器发送事件 (SSE) 将 AI 的输出直接流式传输到沙盒
<iframe>中。你可以像看终端打字一样实时观看页面渲染过程。 - 安全性： 预览经过严格的沙盒处理 (
sandbox="allow-scripts allow-same-origin")，确保在运行自定义 CSS 和脚本的同时，你的本地 Cookie 和存储保持隔离。
75+ 技能模板
该工具的强大之处在于其“技能 (Skills)”。每个技能都是一个包含 SKILL.md 文件的文件夹，该文件定义了特定输出类型的约束和设计系统。无论你需要瑞士风格的演示文稿、粗野主义网页原型还是高端杂志海报，智能体都会遵循严格的规则：
- 拒绝占位符： 强制使用你的真实数据。
- 设计纪律： 每个元素必须遵守 8px 基准网格。
- 无障碍性： 对比度强制要求 ≥ 4.5。
快速入门指南
入门非常简单。克隆仓库并启动开发环境：
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
一旦在 http://localhost:3000 运行，顶部栏将自动检测你安装的 CLI 智能体。只需选择一个模板，粘贴你的内容，然后按下 ⌘+Enter 即可。
为什么这对开发者很重要
对于开发者来说，这个项目代表了我们对“氛围编程 (vibe coding)”思考方式的转变。我们不再仅仅是生成代码片段，而是在生成成品 (artifacts)。通过利用我们用于编码的现有 CLI 工具，HTML Anything 将整个浏览器变成了一个用于高保真、数据驱动沟通的画布。
如果你厌倦了内容创作中“以后再修补”的阶段，这个项目就是你工作流中缺失的那一块拼图。