HTML Anything

它解决什么问题

很多编码代理的输出停在 Markdown 或原始文本里。当你把一份文档、一份报告草稿或一段社媒文案交给代理，拿到的通常是纯文本块：没有样式、没有布局，也没有可交付的呈现层。想把它变成网页、幻灯片、海报或报告，就得在代理会话之外再做一次排版加工，或者手工把内容粘进 HTML 模板。

这个技能把这两步合并：代理在会话内直接产出可渲染的 HTML 构件，你在本地沙箱预览里确认效果，然后导出成最终交付物。

核心能力

本地代理式 HTML 编辑器：运行在你本机，而不是某个云端表单或在线 IDE 里，产出的构件留在本地。

编码代理 CLI 检测：它会探测当前环境里有哪些可用的代理 CLI。支持的输入包括 Claude Code、Codex、Cursor Agent、Gemini CLI、OpenCode、GitHub Copilot CLI、Qwen Coder 和 Aider，前提是你已经登录。

流式生成与沙箱预览：生成的 HTML 边产出边流进一个沙箱化的预览环境，你可以在渲染结果上判断结构、样式和交互是否符合预期，而不需要先落盘再反复刷新浏览器。

多类型交付物导出：覆盖页面、幻灯片、海报、报告和社媒素材这几类常见构件，而不是只吐一份单页 HTML。

适用边界与注意点

前置依赖：需要本机有 Node.js 与 pnpm，并且至少有一个已登录的受支持代理 CLI。没有可用的代理 CLI，编辑器就找不到内容生产者。

上游资料不全：这个技能的安装与使用说明没有被自动抽取出来，也就是说它缺少可追溯的源码级安装指引。在把它放进敏感流程之前，应当先审查上游项目。

预览不等于生产发布：沙箱预览用来验证生成质量，导出后的构件仍需走你自己的审查与部署链路，尤其是当内容面向外部用户时。

输入是内容，不是设计稿：它擅长把已有的 Markdown 或原始文本转成结构化 HTML，不会替你从零设计视觉系统。