前言¶

手里有一份 AI 生成的报告页、演示稿或落地页 HTML，改一个字往往要翻源码、猜 class、在 DevTools 里试样式。若目标是「非开发者也能调版式、改文案、导出干净 HTML」，单靠手工改文件成本偏高。下面介绍 SkillHub 上的社区 Skill html-editor一键编辑：在 Agent 会话里把任意静态 HTML 转成带工具栏与面板的可视化编辑版，并支持撤销、保存与导出。

这是什么¶

html-editor一键编辑（坐标 @user_f8aa8765/html-editor，当前版本 v1.8.4）由社区发布者 user_f8aa8765 维护，分类为 dev-programming，来源为 community。它不要求配置 API Key（requires_api_key=false）。

一句话定位：把输入的静态 HTML 注入可拖动工具栏与多套编辑面板，实现所见即所得的就地编辑，并可导出不含编辑器的干净版本。

官方页面：SkillHub - html-editor一键编辑
技能元数据 API：https://api.skillhub.cn/user_f8aa8765/html-editor

核心功能¶

以下能力均来自官方简介，安装后由 Agent 按 Skill 指引执行。

编辑壳与面板¶

1. 注入可拖动的工具栏。
2. 提供颜色、字号、布局、风格等面板。
3. 支持页面内就地改文字（点击直接编辑）。
4. 撤销、保存，并导出「干净版」HTML（去掉编辑注入部分）。

导航与国际化¶

• 元素与对应面板可双向跳转，便于对准要改的区域。
• 界面支持中英文 i18n。

颜色面板（数据驱动）¶

不依赖固定主题名：扫描 DOM 后按规则汇总可调色项——文字按字符数取 top 5，背景按元素数取 top 4，边框按元素数取 top 3，官方说明为跨主题通用。

风格 Prompt¶

内置 6 套场景风格 Prompt，可一键复制，交给 AI 重塑页面样式。

常见触发说法¶

用户提到「可编辑版 HTML」「html 可视化编辑」「让 html 可编辑」「样式面板」「改 html 不写代码」「所见即所得」「把报告/页面/演示稿变成可调样式」「给 AI 复制风格提示词」等需求时，适合启用本 Skill。

安装与启用¶

SkillHub 页面给出的安装方式是：先按官方安装文档配置 SkillHub CLI，再把技能装进当前 Agent 的 skills 目录。

1. 检查 SkillHub CLI¶

command -v skillhub && skillhub --version

若未安装，可按 SkillHub 安装与优先源配置 执行完整安装或仅安装 CLI（文档内提供 curl 安装命令）。

2. 安装本 Skill¶

安装时必须用 --dir 指向当前环境会被 Agent 识别的 skills 目录，否则默认落在 ./skills/ 可能无法加载。

skillhub install @user_f8aa8765/html-editor --dir <你的 skills 目录>

常用路径示例（以安装文档为准，按你实际使用的客户端选择）：

• Cursor：~/.cursor/skills/
• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/

也可在对话中让 AI 按同一文档安装，提示词示例：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_f8aa8765/html-editor。

安装完成后，按你所用 Agent 的要求重启或刷新技能列表，使 Skill 生效。

典型用法¶

官方页面未附带独立「分步教程」仓库说明；典型流程是：在已启用 Skill 的会话中提供 HTML 或说明需求，由 Agent 调用本 Skill 生成可编辑版本。

可复现的对话方向包括：

1. 粘贴一段静态 HTML，说明需要「可视化可编辑版」或「所见即所得」。
2. 在生成的编辑页里通过面板调颜色、字号、布局；需要整体换肤时，从风格面板复制 6 套场景之一对应的 Prompt 给 AI。
3. 确认效果后要求「保存」或「导出干净版 HTML」，用于部署或归档。

具体注入脚本与面板交互由 Skill 包内 SKILL.md 定义，以安装到本地的版本为准。

适用场景与注意¶

适合谁

• 需要快速把报告、单页演示、原型 HTML 交给同事微调样式和文案，又不想每人改源码。
• 希望在浏览器里改完再导出静态文件，而不是长期依赖在线建站工具。

使用注意

• 本 Skill 为社区来源，行为与兼容性以 v1.8.4 及你本地安装包为准；大段复杂 SPA 或强依赖构建链的页面是否适合，需自行试跑。
• 导出「干净版」前建议在浏览器里走一遍撤销/保存流程，确认编辑壳已剥离。
• SkillHub 统计（截至资料抓取）：评分 100000，下载 1545；页面展示安装数为 0 仅表示统计字段，不代表无法通过 CLI 安装。

结尾¶

html-editor一键编辑把「改 HTML」从改文件变成在页面里拖工具栏、点面板、就地打字，并用数据驱动的颜色项和 6 套风格 Prompt 衔接 AI 改肤。若你经常在 Agent 里处理静态页面，可按上文装好 @user_f8aa8765/html-editor 试一轮。

官方地址：https://www.skillhub.cn/skills/user_f8aa8765/html-editor