html-anything

AI 写好页面你只管上线,75 个技能随叫随到

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 904 🐛 待处理 68 👀 关注 42
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 9457
维护状态 活跃
是否开源 开源
定价模式 🏷️完全免费 开源项目,本地部署,完全免费,无付费版本。

项目预览

html-anything 项目界面预览图
图片来源:项目官网

项目数据

分类设计创意
开发团队nexu-io
定价模式🏷️完全免费
价格说明开源项目,本地部署,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议Apache-2.0
主要语言HTML
技术栈/模型agent-skills,agentic,ai-agents,ai-design,ai-editor,byok,claude,claude-code,claude-skills,coding-agents,generative-ai,html,html-editor,hyperframes,local-first,markdown,nextjs,vibe-coding,wechat,xiaohongshu
GitHub 星标★ 9457
上线时间2026-05-11 00:00:00
代码更新2026-11-08
仓库体积27.6 MB
本站数据更新2026-11-08
维护状态活跃
收录时间2026-08-09
浏览次数6

项目介绍

代理式 HTML 编辑器——由本地 AI 代理撰写 HTML,你只需负责发布上线。内置 75 个技能,覆盖杂志、幻灯片、海报、小红书/推文、原型、数据报告等 9 类创作场景,提供沙盒安全预览,并支持一键导出到微信、X、知乎或 HTML/PNG 文件。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 9457

使用教程

ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。

难度:入门 约 10 分钟 部署方式:本地安装 5 步

环境要求

  • 已安装 Git,可克隆 GitHub 仓库
  • 已安装 Node.js 与 pnpm 包管理器(README 使用 pnpm install / pnpm -F)
  • PATH 中至少有一个已登录的 coding-agent CLI(如 Claude Code、Cursor Agent、Codex、Gemini CLI、Git
  • 无需任何云端 API Key

安装与启动步骤

  1. 1克隆仓库

    把 html-anything 源码下载到本地,会在当前目录生成 html-anything 文件夹。

    git clone https://github.com/nexu-io/html-anything
  2. 2进入项目目录

    切换到刚克隆下来的项目根目录,后续命令都在这里执行。

    cd html-anything
  3. 3安装依赖

    用 pnpm 安装 monorepo 全部依赖,首次安装耗时较长,请保持网络畅通。

    pnpm install
  4. 4启动开发服务

    只启动 next 这个工作区的开发服务器,终端会打印本地访问地址,不要关闭该终端。

    pnpm -F @html-anything/next dev
  5. 5打开编辑器界面

    在浏览器中访问终端输出的本地地址,即可看到编辑器与 75 个技能模板;确认 PATH 中的 agent CLI 已被自动检测到。

如何确认成功

终端输出本地开发访问地址且无报错,浏览器打开该地址能看到 html-anything 编辑器界面与技能模板列表。

常见问题

Q:需要申请并填写 API Key 吗?

A:不需要。项目本地优先、零 API Key,直接复用你本机已登录的 coding-agent CLI 会话。

Q:为什么没有检测到我的 AI 代理?

A:支持 Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider、IBM Bob 共 9 种,需保证对应 CLI 已安装并登录、且存在于系统 PATH 中。

Q:做完的 HTML 怎么发布?

A:支持一键导出到微信 / X / 知乎,或直接下载为 .html / .png 文件。

Q:可以不用本地环境,直接在线看看吗?

A:可以,README 提供在线页面 https://open-design.ai/html-anything/,可先查看概述、界面模式与示例作品。

注意事项

  • README 只给出开发模式启动方式,未提供生产构建或服务器部署命令,请勿自行臆造。
  • 项目覆盖杂志文章、主题演讲、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频共 9 类交付场景,共 75 个可组合技能模板。
  • 技术栈以 HTML 为主,开发服务由 pnpm 工作区驱动,操作前请确认 pnpm 已正确安装。
  • 启动后若浏览器无响应,请检查终端是否已输出地址、终端是否被意外关闭。

核心亮点

  • 提供75种技能和9种输出表面(杂志、海报、小红书/推特等),覆盖多种设计场景,实用性强
  • 支持零API密钥的本地AI代理集成,兼容Claude Code、Cursor、Codex等主流工具,降低使用门槛
  • 内置沙盒预览和一键导出到微信、X、知乎、HTML、PNG,简化发布流程,提升效率

不足之处

  • 文档/社区待观察

适用场景

  • 快速生成社交媒体卡片或帖子视觉(如小红书、推特)
  • 制作杂志、海报、演示文稿等设计稿,无需手动编码
  • 数据报告或原型设计的快速迭代,利用AI代理自动化HTML输出

替代项目

v0、Bolt.new、Lovable

上一篇:my-ai-office

下一篇:Kun

同类项目推荐

invincat 开源

让 AI 编程助手记住每次经验,越用越聪明

A native Python agent CLI built on DeepAgents CLI, featuring an independent memory A···

★ 115 2026-08-09
hearth 开源

让 AI 智能体直接参与游戏开发,快速构建 2D 游戏。

Hearth: an open-source, agent-native desktop app for agentic game development.

★ 43 2026-08-09
Apeireth 开源

纯 Rust 写的 AGI 微内核,让智能体带记忆和安全跑在 U 盘里

Apeireth — a digital companion that grows with you. Pure Safe Rust AGI cognitive mi···

★ 369 2026-10-06
mikrotik-mcp 开源

让 AI 直接管理 Mikrotik 设备,自然语言运维不再难

MCP server for Mikrotik

★ 327 2026-08-09
chibi 开源

在 Telegram 里养一个能自主调度的 AI 伙伴

Your Digital Companion. Self-hosted Telegram bot orchestrating multiple AI providers···

★ 54 2026-08-09
liliumai 开源

让 AI 直接操控你的电脑和聊天工具

Lilium AI: The ultimate personal AI agent framework for autonomous computer control.···

★ 93 2026-08-09
spacedock 开源

给AI工作流装上审批闸门,让每一步都可控可查

Zero-dep agent workflows with structured approval gates and adversarial review.

★ 85 2026-08-09
hermes-plugins 开源

给 hermes-agent 装上目标管理、多智能体协作和成本控制插件

Custom plugins for hermes-agent — goal management, inter-agent bridge, model select···

★ 543 2026-08-09
claude-code-prompts 开源

拿来即用的 AI 编程提示词模板,让代理更聪明地干活

Independently authored prompt templates for AI coding agents — system prompts, tool···

★ 1224 2026-08-09