适合谁
HTML 编辑器 / 交付：适合评估 HTML 生成、编辑器和多场景交付型工具。
Codex 用法
优先按具体技能或原项目安装方式使用，不建议把归档目录整包复制。
可作为产品形态参考；Codex 使用时优先抽取具体编辑/生成技能。
许可证 / 风险
来源与 license 需按原项目核对。
HTML Anything
Agent 时代的 HTML 编辑器 - 本地优先、零 API Key、75 套 Skill 模板
by nexu-io · Open Design75
套 Skill
9
种场景
8
个 CLI
🛠️ 分层架构图
Agent 优先的 HTML 编辑器：本地优先运行 → 自动识别 coding-agent → 零 API Key 设计 → 生成可交付成果
🏠 本地优先离线可用，无需服务器
🤖 Agent 识别自动识别 8 种 CLI
🔑 零 API Key无需配置，直接用
📦 可交付9 类真实产物
📦 9 大交付场景
📄 杂志文章富文本排版
🎤 Keynote演示文稿
📝 简历个人履历
🎨 海报宣传物料
📕 小红书社交内容
🐦 推特卡社交图片
🌐 Web原型交互原型
📊 数据报告可视化
🎬 Hyperframes视频动画
⚡ 核心技能 (75 套)
🎨 样式技能CSS 布局、响应式、动画、主题
📐 布局技能Grid、Flex、容器、栅格
🧩 组件技能按钮、卡片、表单、导航
📊 图表技能折线图、柱状图、饼图
🖼️ 媒体技能图片、视频、轮播
🎭 动画技能过渡、关键帧、滚动
📱 响应式技能移动端、平板、桌面
♿ 无障碍技能ARIA、键盘、屏幕阅读
⚡ 性能技能懒加载、优化、缓存
🔧 工具箱 (8 个 CLI)
Claude Code官方 CLICursorAI 编辑器CodexOpenAIGemini CLIGoogleCopilotGitHubOpenCode网页 IDEQwen Coder阿里Aider结对编程💬 聊天比喻场景
帮我做一个产品发布海报
确认：产品发布海报，包含产品图、发布时间、核心卖点。开始生成 HTML...
再加一个订阅表单
添加邮件订阅表单，包含输入框和提交按钮...
📚 大白话解释
HTML Anything 是什么？ 一个给 AI 程序员用的 HTML 编辑器。它的特点是"本地优先"——不需要服务器，不联网也能用，也不需要你配置任何 API Key。
怎么个工作？ 集成了 75 套现成的 HTML 技能模板，你告诉它要做什么（做个海报、简历、图表），它自动生成对应的 HTML 代码。
支持哪些 AI 工具？ 8 种主流 coding-agent CLI 都能自动识别，包括 Claude Code、Cursor、Copilot、Qwen Coder 等。
为什么叫"可交付"？ 它生成的不仅是代码，而是一个可以直接用的成品：可以导出 PDF、发小红书、做成演示文稿。