前言¶
交付 HTML 方案时，常见矛盾是：页面已经写好，业务同事却要改标题、数字、配色或图标，又不想碰源码，也不想每次找 AI 改一版。手工在编辑器里改 DOM 或复制粘贴，成本高也容易破坏布局。下面介绍 SkillHub 上的 html-editor（坐标 @user_1153a47f/ironox-html-editor）：在 Agent 场景里，当用户要对 HTML 方案做小修小补、或希望不依赖 AI 也能在浏览器里改内容时，由 Skill 指导为方案文件注入可视化编辑能力。
这是什么¶
html-editor 是社区来源（community）的 Agent Skill，当前版本 2.4.4，发布者为 user_1153a47f，SkillHub 分类为 dev-programming，标签标明 requires_api_key=false，无需额外 API Key。
一句话定位：为 HTML 方案文件注入可视化编辑器，使非技术用户能在浏览器中直接修改文字、数字、图标、字体、颜色，而无需编辑代码。
核心功能¶
以下能力均来自 SkillHub 官方简介，未在公开页面展开实现细节的部分不展开臆测。
- 注入可视化编辑：在既有 HTML 方案上增加可在浏览器中操作的编辑界面（官方表述为「注入可视化编辑器」）。
- 面向非技术用户：支持改文字、数字、图标、字体、颜色等常见展示要素，避免直接改 HTML 源码。
- Agent 触发场景：当用户需要编辑、修改、定制 HTML 方案内容，或希望不依赖 AI 就能小修小补 HTML 文件时，由 Agent 加载本 Skill 协助完成。
官方列出的触发词包括：改HTML、编辑HTML、HTML编辑器、可视化编辑、注入编辑器、editable-inject、方案定制化、改方案内容、小修小补、不依赖AI改HTML。
安装与启用¶
本 Skill 基于通用 SKILL.md 格式，通过 SkillHub CLI 安装到当前 Agent 的 skills 目录；装错目录时 Agent 可能无法识别，需按所用客户端选择路径。
1、安装 SkillHub CLI（若尚未安装）¶
先检查是否已安装：
command -v skillhub && skillhub --version
未安装时，可按 SkillHub 安装文档执行完整安装（CLI + 默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅需 CLI 时：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安装 html-editor¶
安装时必须用 --dir 指向当前 Agent 的 skills 目录。常用路径示例（以 SkillHub 文档为准）：
| 客户端 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
在 Cursor 中安装本 Skill 的示例：
skillhub install user_1153a47f/ironox-html-editor --dir ~/.cursor/skills/
SkillHub 技能页亦给出等价指引：参照 SkillHub 安装文档，安装坐标 @user_1153a47f/ironox-html-editor。也可将「请根据 https://skillhub.cn/install/skillhub.md，安装 @user_1153a47f/ironox-html-editor」发给支持 Skill 安装的 AI，由 Agent 按文档完成安装。
安装后按所用客户端惯例重启或刷新 Agent，使新 Skill 生效。
典型用法¶
公开资料未提供可逐行复现的注入脚本或 HTML 标记示例；典型使用方式是与 Agent 对话，用上述触发词或自然语言说明需求，例如：
- 「给这份 HTML 方案注入可视化编辑器，方便同事改标题和配色。」
- 「editable-inject：让客户能在浏览器里改数字和图标，不要改源码。」
Agent 在加载 html-editor 后，应按 Skill 内说明为指定 HTML 方案完成注入；具体步骤、文件约定以安装包中的 SKILL.md 为准。若本地已安装，可在 skills 目录下打开 @user_1153a47f/ironox-html-editor（或等价目录名）查阅完整指引。
适用场景与注意¶
适合谁
- 经常交付静态 HTML 方案、演示页或标书类页面的开发者。
- 需要把「小改文案、数字、样式」交给非技术同事，又不想开放整份代码仓库的场景。
- 希望减少「改一个字也要走一遍 AI 对话」的重复成本，但仍保留 Agent 在首次注入或复杂定制时的协助。
限制与注意
- 能力边界以官方简介为准：侧重方案类 HTML 的可视化编辑注入，不等同于通用 IDE 或完整 CMS。
- SkillHub 页面显示的统计（截至抓取）：评分 100000，下载 1133 次；安装数可能因统计方式显示为 0，以 SkillHub 实时页面为准。
- 安装路径错误是常见坑：务必使用
skillhub install ... --dir <当前 Agent 的 skills 目录>，不要默认装到项目下的./skills/除非你的 Agent 明确从该处加载。 - 未在公开页核对到的 Cursor / Codex / Claude Code 差异，仅体现在 skills 目录不同，安装命令形式一致。
结尾¶
html-editor 解决的是 HTML 方案「能看不能改、改就要动代码或反复问 AI」的协作问题：通过 Skill 把可视化编辑注入流程固化到 Agent 工作流里，并明确一组触发词，方便在改方案、小修小补时自动选用。
- API / 安装入口：https://api.skillhub.cn/user_1153a47f/ironox-html-editor
- SkillHub 技能页：https://www.skillhub.cn/skills/user_1153a47f/ironox-html-editor
- 安装说明：https://skillhub.cn/install/skillhub.md
