html-anything：用AI把任何内容转成网页，支持Claude Code、Cursor等8种编程助手

最近GitHub上出现了一个很有意思的项目——html-anything。它可以把你扔给它的任何内容（文档、图表、设计稿、流程图、音乐等）转换成精美的HTML网页，而且支持Claude Code、Cursor、Codex、Gemini CLI等8种主流AI编程助手。

html-anything是什么

html-anything是一个开源的AI驱动HTML编辑器，由nexu-io团队开发（他们之前做的Open Design已经积累了4万+星标）。这个项目的核心理念是：你不需要懂HTML/CSS，只需要把内容丢给AI，它就能帮你生成漂亮的网页。

项目在GitHub上仅5天就获得了1800+星标，增长速度非常快。

核心功能

75种技能 × 9种展示方式

html-anything内置了75种”技能”，涵盖了常见的网页内容类型：

• 文档展示（Markdown风格、技术文档、知识库）
• 数据可视化（图表、仪表盘、统计面板）
• 流程图和架构图
• 产品展示页面
• 表单和交互组件
• 动画和特效
• 音乐播放器、画廊等媒体组件

这些技能可以在9种不同的”表面”（surface）上展示，包括全页面、弹窗、侧边栏、嵌入式组件等。

支持8种AI编程助手

html-anything的最大特色是广泛兼容各种AI编程工具：

• Claude Code（Anthropic）
• Cursor
• Codex（OpenAI）
• Gemini CLI（Google）
• Windsurf
• Claude Desktop
• ChatGPT Desktop
• Codex CLI

这意味着不管你习惯用哪个AI工具，都可以直接配合html-anything使用。

安装和使用

安装

通过npm全局安装：

npm install -g html-anything

基本使用

安装后，你可以用命令行启动：

html-anything

然后把你的内容（文档、图片、代码等）丢给它，选择你想用的AI助手，它就会自动生成对应的HTML网页。

在AI编程助手中使用

以Claude Code为例，你可以在对话中直接说：

"帮我把这个Markdown文档转换成一个漂亮的网页"

html-anything会作为技能被Claude Code调用，自动生成相应的HTML代码并预览效果。

适合谁使用

• 站长：快速生成落地页、产品展示页、文档页面，不需要写HTML/CSS
• 开发者：把技术文档、API文档转换成好看的网页
• 产品经理：快速制作原型页面和演示页面
• 内容创作者：把文章、笔记转换成精美的网页展示
• AI工具用户：配合Claude Code等工具，实现”说一句话就出网页”

技术细节

• 开源许可：Apache-2.0
• 开发团队：nexu-io（Open Design作者团队）
• 技术栈：Node.js + TypeScript
• 兼容性：支持所有主流AI编程助手的技能调用协议

注意事项

• 生成的网页质量很大程度上取决于你给AI的描述是否清晰
• 复杂页面可能需要多次调整才能达到理想效果
• 项目还在快速迭代中，部分功能可能不够稳定
• 需要配合AI编程助手使用，单独使用的功能有限

项目地址

https://github.com/nexu-io/html-anything

如果你经常需要制作网页但不想写前端代码，html-anything值得一试。配合Claude Code等AI工具使用，确实能大幅降低网页制作的门槛。

本文参考来源：html-anything – GitHub