html-anything 作为一款专为Agent时代打造的本地优先型HTML编辑器打破了“Markdown草稿→手动排版→多平台适配”的传统流程让本地AI编码Agent成为你的专属排版师轻松生成精美、规范、可直接发布的HTML作品覆盖海报、PPT、简历、社交卡片等多种场景。一、仓库核心定位html-anything 并非普通的Markdown转HTML工具而是AI编码Agent的专属工作台与HTML生成容器。其核心理念是“Markdown是草稿HTML是人类真正阅读的最终形态”无需用户手动编写CSS、调整排版只需输入原始内容交给本地AI Agent就能快速生成符合专业设计规范的成品HTML实现“输入即输出生成即可用”。该仓库由 nexu-io 团队开发基于其开源项目 open-design 构建拥有40k星标、200贡献者的成熟技术底座专注于Agent驱动的HTML创作兼顾专业性、易用性与安全性。二、核心功能亮点1. 本地Agent无缝集成零API密钥成本自动扫描本地已安装的8大AI编码Agent CLI包括Claude Code、Cursor Agent、OpenAI Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider无需额外配置API密钥直接复用终端已登录的Agent会话如claude login、gemini auth零额外成本即可调用AI能力。2. 75套专业Skill模板告别AI乱排版内置75套可直接使用的Skill模板按使用场景分为9大类别覆盖日常创作、工作汇报、营销传播等全场景每个模板都包含严格的设计约束CJK优先字体、8px基线栅格、对比度≥4.5、禁止占位文本等避免AI生成“杂乱无章”的排版确保每一份输出都符合专业设计规范。核心模板类别文档类温暖羊皮纸风格文档、杂志文章、数字指南等演示类瑞士国际风格PPT、编辑类PPT、产品发布会PPT等20种视频类Hyperframes视频分镜、故障风标题帧、电影光漏效果等社交类小红书卡片、X/Twitter引用卡、Spotify风格卡片等办公类PM需求文档、团队OKR、会议纪要、财务报表、简历等原型类SaaS落地页、仪表盘、移动端原型、手绘线框图等3. 流式实时渲染可视化创作过程采用SSE服务器推送事件技术Agent生成HTML的过程实时流式渲染在预览区用户可直观看到内容逐行生成、排版逐步成型的过程若不满意可随时中断避免浪费AI生成资源。4. 一键多平台导出零二次排版生成的HTML支持一键导出适配多平台无需手动调整格式社交平台微信公众号、知乎、X/微博、小红书自动适配平台格式粘贴即可用文件导出独立HTML文件可直接用浏览器打开、高清PNG图片适合分享特殊适配知乎LaTeX公式自动转为图片占位符确保公式正常渲染5. 安全沙箱预览本地运行更安心所有生成的HTML均在沙箱iframe中预览隔离本地存储与Cookie避免恶意代码影响本地环境项目全程本地运行内容不上传至任何服务器保障数据隐私与安全。6. 多格式输入支持兼容各类内容源支持Markdown、CSV、TSV、JSON、SQL、纯文本等多种输入格式自动识别内容类型如表格数据自动解析为可视化报表无需手动转换格式降低使用门槛。三、快速使用流程30秒入门前置条件安装Node.js≥22版本与pnpm包管理器本地安装任意一款支持的AI编码Agent CLI并完成终端登录部署启动# 1. 克隆仓库 git clone https://github.com/nexu-io/html-anything # 2. 进入项目目录 cd html-anything # 3. 安装依赖 pnpm install # 4. 启动项目 pnpm dev # 5. 访问页面默认地址 http://localhost:3000标准使用步骤左侧编辑器输入/粘贴原始内容文案、笔记、MD、CSV等中间模板区选择所需模板如小红书卡片、PPT、文档快捷键触发按CmdEnterMac/CtrlEnterWindows调用本地Agent生成HTML右侧预览区查看实时生成的成品效果可随时中断调整导出使用一键复制到目标平台或下载HTML/PNG文件四、核心优势Agent优先不自带AI模型复用本地已有的Agent降低使用成本适配用户现有工作流设计规范所有模板内置严格设计约束避免AI生成“低质排版”输出即符合专业标准本地优先全程本地运行无网络依赖除模板加载外保障数据隐私易用性高无需编写Prompt、无需手动排版、无需配置复杂参数小白可直接上手高度可扩展支持自定义添加模板、适配新的AI Agent、新增导出平台社区可参与贡献五、技术架构项目采用前后端分离架构核心分层清晰兼顾性能与可维护性前端Next.js 16 App Router React 19 Tailwind v4提供流畅的编辑与预览体验后端Node.js 服务负责Agent检测、进程调度、SSE流式传输核心能力Agent适配多CLI统一接口、模板管理SKILL.md协议、CSS内联juice、高清截图modern-screenshot安全层沙箱iframe隔离、DOMPurify防XSS攻击保障使用安全六、适用人群内容创作者快速生成排版精美的文章、海报、社交卡片节省排版时间职场人士一键生成PPT、会议纪要、简历、财务报表提升工作效率开发者快速生成网页原型、技术文档无需手动编写CSS与HTMLAI Agent用户为本地Agent提供可视化工作台让AI生成的HTML更具实用性七、开源信息与社区仓库地址https://github.com/nexu-io/html-anything许可证Apache-2.0 许可证可自由使用、修改、分发商业使用无限制内置第三方模板需遵循对应开源协议八、总结html-anything 重新定义了Agent时代的文档创作流程将“AI生成”与“专业排版”深度结合解决了传统Markdown排版繁琐、AI生成排版杂乱的痛点。无论是小白还是专业人士都能借助本地AI Agent快速产出可直接发布的HTML作品大幅提升创作与工作效率。如果你已拥有本地AI编码Agenthtml-anything 无疑是解锁其排版能力的最佳工作台。
html-anything 仓库全面介绍
html-anything 作为一款专为Agent时代打造的本地优先型HTML编辑器打破了“Markdown草稿→手动排版→多平台适配”的传统流程让本地AI编码Agent成为你的专属排版师轻松生成精美、规范、可直接发布的HTML作品覆盖海报、PPT、简历、社交卡片等多种场景。一、仓库核心定位html-anything 并非普通的Markdown转HTML工具而是AI编码Agent的专属工作台与HTML生成容器。其核心理念是“Markdown是草稿HTML是人类真正阅读的最终形态”无需用户手动编写CSS、调整排版只需输入原始内容交给本地AI Agent就能快速生成符合专业设计规范的成品HTML实现“输入即输出生成即可用”。该仓库由 nexu-io 团队开发基于其开源项目 open-design 构建拥有40k星标、200贡献者的成熟技术底座专注于Agent驱动的HTML创作兼顾专业性、易用性与安全性。二、核心功能亮点1. 本地Agent无缝集成零API密钥成本自动扫描本地已安装的8大AI编码Agent CLI包括Claude Code、Cursor Agent、OpenAI Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider无需额外配置API密钥直接复用终端已登录的Agent会话如claude login、gemini auth零额外成本即可调用AI能力。2. 75套专业Skill模板告别AI乱排版内置75套可直接使用的Skill模板按使用场景分为9大类别覆盖日常创作、工作汇报、营销传播等全场景每个模板都包含严格的设计约束CJK优先字体、8px基线栅格、对比度≥4.5、禁止占位文本等避免AI生成“杂乱无章”的排版确保每一份输出都符合专业设计规范。核心模板类别文档类温暖羊皮纸风格文档、杂志文章、数字指南等演示类瑞士国际风格PPT、编辑类PPT、产品发布会PPT等20种视频类Hyperframes视频分镜、故障风标题帧、电影光漏效果等社交类小红书卡片、X/Twitter引用卡、Spotify风格卡片等办公类PM需求文档、团队OKR、会议纪要、财务报表、简历等原型类SaaS落地页、仪表盘、移动端原型、手绘线框图等3. 流式实时渲染可视化创作过程采用SSE服务器推送事件技术Agent生成HTML的过程实时流式渲染在预览区用户可直观看到内容逐行生成、排版逐步成型的过程若不满意可随时中断避免浪费AI生成资源。4. 一键多平台导出零二次排版生成的HTML支持一键导出适配多平台无需手动调整格式社交平台微信公众号、知乎、X/微博、小红书自动适配平台格式粘贴即可用文件导出独立HTML文件可直接用浏览器打开、高清PNG图片适合分享特殊适配知乎LaTeX公式自动转为图片占位符确保公式正常渲染5. 安全沙箱预览本地运行更安心所有生成的HTML均在沙箱iframe中预览隔离本地存储与Cookie避免恶意代码影响本地环境项目全程本地运行内容不上传至任何服务器保障数据隐私与安全。6. 多格式输入支持兼容各类内容源支持Markdown、CSV、TSV、JSON、SQL、纯文本等多种输入格式自动识别内容类型如表格数据自动解析为可视化报表无需手动转换格式降低使用门槛。三、快速使用流程30秒入门前置条件安装Node.js≥22版本与pnpm包管理器本地安装任意一款支持的AI编码Agent CLI并完成终端登录部署启动# 1. 克隆仓库 git clone https://github.com/nexu-io/html-anything # 2. 进入项目目录 cd html-anything # 3. 安装依赖 pnpm install # 4. 启动项目 pnpm dev # 5. 访问页面默认地址 http://localhost:3000标准使用步骤左侧编辑器输入/粘贴原始内容文案、笔记、MD、CSV等中间模板区选择所需模板如小红书卡片、PPT、文档快捷键触发按CmdEnterMac/CtrlEnterWindows调用本地Agent生成HTML右侧预览区查看实时生成的成品效果可随时中断调整导出使用一键复制到目标平台或下载HTML/PNG文件四、核心优势Agent优先不自带AI模型复用本地已有的Agent降低使用成本适配用户现有工作流设计规范所有模板内置严格设计约束避免AI生成“低质排版”输出即符合专业标准本地优先全程本地运行无网络依赖除模板加载外保障数据隐私易用性高无需编写Prompt、无需手动排版、无需配置复杂参数小白可直接上手高度可扩展支持自定义添加模板、适配新的AI Agent、新增导出平台社区可参与贡献五、技术架构项目采用前后端分离架构核心分层清晰兼顾性能与可维护性前端Next.js 16 App Router React 19 Tailwind v4提供流畅的编辑与预览体验后端Node.js 服务负责Agent检测、进程调度、SSE流式传输核心能力Agent适配多CLI统一接口、模板管理SKILL.md协议、CSS内联juice、高清截图modern-screenshot安全层沙箱iframe隔离、DOMPurify防XSS攻击保障使用安全六、适用人群内容创作者快速生成排版精美的文章、海报、社交卡片节省排版时间职场人士一键生成PPT、会议纪要、简历、财务报表提升工作效率开发者快速生成网页原型、技术文档无需手动编写CSS与HTMLAI Agent用户为本地Agent提供可视化工作台让AI生成的HTML更具实用性七、开源信息与社区仓库地址https://github.com/nexu-io/html-anything许可证Apache-2.0 许可证可自由使用、修改、分发商业使用无限制内置第三方模板需遵循对应开源协议八、总结html-anything 重新定义了Agent时代的文档创作流程将“AI生成”与“专业排版”深度结合解决了传统Markdown排版繁琐、AI生成排版杂乱的痛点。无论是小白还是专业人士都能借助本地AI Agent快速产出可直接发布的HTML作品大幅提升创作与工作效率。如果你已拥有本地AI编码Agenthtml-anything 无疑是解锁其排版能力的最佳工作台。
