1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | Webflow Custom Code Management（custom-code-management-webflow-webflow-skills） | — |
| 作者/维护者 | Webflow, Inc.（官方 GitHub 组织），子目录提交历史含具名员工 viratatwebflow、yan-xie-nk、Zach Plata、utsengar | GitHub API |
| 来源链接 | github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/custom-code-management | — |
| 许可证 | MIT | GitHub API |
| GitHub Stars / Forks | 合集仓库整体 106 / 16（该数字属整个 webflow-skills 插件包，不代表本子技能自身热度） | GitHub API（认证取数） |
| 最新版本 | 插件清单 plugin.json 标注 “1.0.7” | 仓库文件核实 |
| 安装方式 | Claude Code 插件市场一键安装，或 npx skills 跨 Agent CLI，或手工复制技能目录 |
官方 README |
2. 功能介绍与亮点
Custom Code Management 是 Webflow 官方 webflow-skills 插件包中负责“站点自定义脚本”的技能：在对话中管理 Webflow 站点的内联自定义代码（最长 10,000 字符），常见场景是接入 Google Analytics/GTM 一类的分析追踪代码、聊天客服组件、或其他自定义 JavaScript。
核心工作流分五个阶段：
- 发现：列出当前站点已注册的脚本与已应用到具体页面的脚本，区分“注册”与“应用”两种状态
- 分析：按需查看某个页面当前生效的自定义代码
- 规划确认：任何写操作前先展示完整预览（新增脚本的名称/版本/挂载位置，或将被移除的全部脚本清单），并要求用户明确输入指定词语才会继续——新增需输入“add”，页面级更新需输入“update”，移除全站脚本需输入“delete all”
- 执行：调用 Webflow MCP 的脚本管理接口完成新增、页面级更新或全站移除
- 核验：操作完成后重新拉取一次脚本列表，向用户报告变更内容并提醒完成后需要“发布”（publish）站点才会对访客生效
技能明确区分“站点级脚本”（应用到全部页面）与“页面级脚本”（仅应用到单一页面），并对“移除全站脚本”这一破坏性操作给出显式警告——该接口不支持选择性删除，会一次性清空该站点全部已注册脚本，因此流程要求先完整列出现状再要求用户输入“delete all”确认。SKILL.md 附带四个逐步演示的完整场景（查看现有脚本、接入 GTM、清空全部脚本、页面级转化追踪代码）。技能收录于 Webflow 官方 Skills 参考文档页（developers.webflow.com/mcp/reference/skills），归类在“Publishing & Code”分类下。
3. 适用场景
所属分类：前端与设计
适合需要在 Webflow 站点上管理分析追踪代码、营销像素或客服组件等自定义脚本的站点负责人与前端开发者——例如接入 Google Analytics/GTM、安装 Intercom 一类的聊天组件、或为特定落地页添加转化追踪代码。对完全不需要接入任何第三方脚本的纯静态站点，本技能用武之地有限。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | README 提供官方插件市场安装命令与专属 skills 目录 ~/.claude/skills/ |
| Codex | 原生支持 | README 官方支持表格列出 OpenAI Codex，skills 目录路径 ~/.codex/skills/ |
| OpenClaw | 未验证 | README 未提及，无法判断 |
| Hermes Agent | 未验证 | README 未提及，无法判断 |
5. 推荐理由
手工在 Webflow 后台管理自定义脚本容易出错——忘记先看清单就直接删，或者不确定某段脚本到底挂在站点级还是某个具体页面上。这个技能把“列出现状→预览变更→输入确认词→执行→核验”这一套完整流程搬进对话里，尤其是对“清空全部脚本”这类不可逆操作给出了清楚的前置警告，避免用户在不知情的情况下误删所有追踪代码，适合经常需要给 Webflow 站点增删分析工具或营销脚本的团队。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 7 | 官方 Webflow 出品，被官方 Skills 参考文档页收录并列在“Publishing & Code”分类下；子目录自身有 6 次提交、4 位具名 Webflow 员工参与，但未检索到独立于仓库整体之外的 GitHub issue 讨论，第三方技能目录站点（mcpmarket.com、playbooks.com、lobehub.com）仅有收录页面，无可验证的独立评价或安装量数字 |
| 可用性 | 7 | SKILL.md 步骤完整、含四个逐步示例，安装为一条命令；但子目录本身最近一次实质性内容更新在 2026-04-06（重写工作流），此后仅 2026-05-09 有一次跨全仓库的批量迁移提交，非子技能专属维护，活跃度低于同插件包内近期（07-19）有针对性维护的姊妹技能 |
| 安全性 | 8 | 见下方安全检查清单 |
安全检查清单：
- ①shell/权限：无 shell 执行，全部操作限定通过 Webflow MCP 的
data_scripts_tool/data_sites_tool完成 - ②联网外发：仅对用户已连接的 Webflow 站点自身内容做读取与更新，无第三方网络外发
- ③凭据：技能本身不索取或存储凭据，依赖用户已配置好的 Webflow MCP 连接
- ④可疑指令：全文通读未发现可疑指令或混淆代码；任何写操作前均展示完整预览并要求用户输入指定确认词（add/update/delete all）才会执行
- ⑤作者信誉：Webflow 官方仓库，具名员工持续提交，无刷星或自我造假迹象
- ⑥License：MIT，明确
- ⑦最近维护：子目录本身最近一次针对性内容更新为 2026-04-06，距今约 3.5 个月，非最活跃状态但仍随整个插件包持续同步
综合评分（三项均值）：7.33
7. 跟同类 Skills 相比的优势
| 维度 | Webflow Custom Code Management | Webflow 后台原生“自定义代码”面板 | Google Tag Manager |
|---|---|---|---|
| 定位 | 对话式管理站点/页面级内联脚本，操作前预览+确认 | Webflow Designer/后台的手工表单式编辑界面 | 独立的标签管理平台，脚本统一存放在 GTM 容器内 |
| 操作方式 | 自然语言描述需求，Agent 调用 MCP 完成增删 | 人工登录后台逐页粘贴/编辑代码框 | 需单独注册 GTM 账号、创建容器、在站点中嵌入一段固定的 GTM 代码 |
| 变更前置检查 | 强制展示预览并要求输入确认词，移除全部脚本有专门警示 | 无内置二次确认机制，保存即生效 | 有独立的“版本发布”与预览模式，但学习成本更高 |
| 是否需要额外账号/工具 | 否，直接用已连接的 Webflow MCP | 否 | 是，需单独的 Google 账号与 GTM 容器配置 |
Webflow 后台自带的自定义代码编辑面板是最直接的对照——两者最终改的是同一份数据，区别在于本技能把“看清楚现状、预览将要发生的变更、显式确认”这套安全流程内置到了对话交互中，而后台面板本身没有类似的二次确认机制。Google Tag Manager 则代表另一种思路：把全部脚本集中托管在独立平台里统一发布版本管理，功能更强大，但需要额外注册账号、创建容器并学习 GTM 自身的一套概念，对只是想加几行分析代码的用户门槛更高。
8. 用户评价
该技能目前在第三方平台尚无可查证的具名用户评价；技能页面可见于 mcpmarket.com、playbooks.com、lobehub.com 等第三方技能目录站点的收录列表中，但均为聚合索引页而非用户撰写的评价内容。
9. 其他补充
技能本身未标注独立版本号，随所属 webflow-skills 插件包统一发版（当前 1.0.7）。同一插件包内的 safe-publish、flowkit-naming、designer-tools 等技能同属“Publishing & Code”或“Designer”分类，各自职责边界清晰——安全发布确认、命名规范审计、页面结构搭建均与本技能的“自定义脚本管理”职责不重叠。
10. 安装使用方式
- Claude Code 插件市场：
claude plugin marketplace add webflow/webflow-skills claude plugin install webflow-skills@webflow-skills - npx skills（跨 Agent CLI）：
npx skills add https://github.com/webflow/webflow-skills --skill custom-code-management - 手工复制：克隆仓库后，将
plugins/webflow-skills/skills/custom-code-management目录复制到对应 Agent 的 skills 目录（如 Claude Code 的~/.claude/skills/）
安装后需预先配置好 Webflow MCP server 并完成 Webflow 账号鉴权，随后用触发短语（如“帮我在站点里加一段 GTM 追踪代码”）即可调用，无需重启 Agent。
11. 注意事项
- 单个脚本最长支持 10,000 字符，且仅支持内联脚本——外部托管脚本（
<script src="...">）不在此技能覆盖范围内 - “移除全站脚本”操作不支持选择性删除，会一次性清空该站点已注册的全部脚本，技能会先列出现状并要求显式输入“delete all”，但用户仍需自行确认这确实是预期结果
- 变更完成后需要用户另行执行站点“发布”才会对访客生效，技能会在报告结果时提醒这一点