No. 20: 把 Codex 和 Claude Code 武装起来——我日常使用的 26 个 Skill

我把日常使用的 26 个 Agent Skill、Plugin 和 CLI 分成八类，逐一说明用途、地址、Codex 与 Claude Code 安装方式，以及同类工具能否共存。

2026/7/15

AI Agent Codex Claude Code Agent Skills 效率工具

过去一段时间，我几乎每天都在 Codex 和 Claude Code 之间切换。

写代码时，我希望 Agent 先理解问题、写计划、跑验证；做产品时，我又希望它能查资料、整理 Obsidian、写 PRD、画架构图、做演示。默认能力当然能完成不少工作，但真正决定使用体验的，往往是装在外面的那一层：Skill、Plugin、CLI、MCP 和项目模板。

问题也从这里开始。GitHub 上的项目都说自己“开箱即用”，但有的只支持 Claude Code，有的通过 Agent Skills 标准兼容 Codex，有的根本不是 Skill，只是一个需要单独运行的应用。装得越多，重复命令、Hooks 冲突、规则打架也越常见。

我把自己日常使用和长期关注的清单重新核验了一遍，去掉一条重复项，最后留下 26 个项目。下面不做 Star 数排行榜，只回答四个实际问题：它解决什么、去哪里找、Codex 和 Claude Code 怎么装、同类工具一起装会不会冲突。

本文信息核验于 2026 年 7 月 15 日。项目安装方式会变化，执行前仍应以官方 README 为准。文中的远程脚本命令都建议先打开脚本检查，再决定是否执行。

1️⃣ Skill 不是装得越多越好

我现在把 Agent 的扩展能力分成五种。分清类型，比记住命令更重要。

类型	本质	常见安装位置	主要风险
Skill	给模型看的专业流程和知识	`~/.codex/skills`、`~/.claude/skills`	触发重复、规则冲突
Plugin	Skill、命令、Hooks、MCP 的安装包	平台插件目录	重复安装、全局行为改变
CLI	Agent 可以调用的本地程序	npm、Homebrew、独立二进制	运行时和权限问题
MCP	给 Agent 暴露外部工具的协议服务	平台配置文件	服务名、端口和凭证冲突
Template / App	一个完整项目或独立工作台	单独仓库、桌面应用	不应当作全局 Skill 安装

所以，“同类安装多个是否冲突”不能只回答能或不能。我采用四个判断：

按实际任务，我把清单分成八类：开发工作流、输出控制、代码理解、联网研究、Office 文档、页面与视觉、知识管理、产品与 Skill 创作。为了保持这套博客原有的阅读节奏，后文再合并到四个场景章节中介绍。

无冲突：能力边界不同，可以同时存在。
功能重叠：都能做相似的事，但不会互相破坏，按任务选择即可。
规则冲突：都在规定 Agent 应该如何计划、写作或停止，模型可能收到相反指令。
技术冲突：会重复注册 Skill、Hooks、MCP、命令或 statusline，直接出现两次执行或配置覆盖。

先用一张表看完 26 项，再决定是否继续往下读：

项目	类型	主要用途	平台	共存结论
Superpowers	Plugin / Skills	稳定开发闭环	双端原生	主工作流三选一
Caveman	风格 Skill	压缩 Agent 表达	双端	避免覆盖强制汇报格式
Planning with Files	Skill + Hooks	长任务跨会话	双端原生	不重复安装 Hooks
ECC	Agent 框架	全套工程能力	双端原生	安装路径只选一种
Claude HUD	statusline Plugin	显示上下文与状态	仅 Claude Code	状态栏只保留一个
Understand Anything	代码理解系统	生成代码知识图谱	双端原生	与 CodeGraph 先选一个
CodeGraph	CLI + MCP	本地代码关系检索	双端原生	与前者功能重叠
Agent Reach	CLI + Skill	多平台联网路由	双端兼容	可组合 OpenCLI
Last 30 Days	研究 Skill	最近 30 天趋势	双端	不走双安装通道
OpenCLI	CLI + Skills	操作登录态网页	双端兼容	可作为 Agent Reach 后端
PPT Master	PPTX Skill	可编辑 PowerPoint	双端	与 HTML 演示可共存
归藏 PPT Skill	HTML Skill	单文件网页演示	双端兼容	提示词写明输出格式
OfficeCLI	CLI + Skill	PPTX、DOCX、XLSX	双端原生	与文档 Skill 功能重叠
AI Website Cloner	Template	项目内复刻网站	双端兼容	不做全局安装
Open Design	App + MCP	可视化设计工作台	双端 MCP	与 HTML Anything 选主工具
HTML Anything	本地 App	多 Agent HTML 工作台	双端兼容	不复制到全局 Skills
UI UX Pro Max	Skill + CLI	检索 UI/UX 规范	双端原生	与 Frontend Design 分工
Frontend Design	官方 Skill	提升前端视觉完成度	双端	指定主设计规则
归藏 Social Card	图片 Skill	社交媒体卡片	双端兼容	与 PPT Skill 可共存
Archify	图表 Skill	架构与流程图	双端兼容	边界窄，通常无冲突
Obsidian Skills	Skill 集	正确读写 Obsidian	双端原生	可作为知识流底层能力
Claude Obsidian	Vault 工作流	自动维护第二大脑	Claude 原生、Codex 实验	先在测试 Vault 使用
PM Skills	Plugin 市场	串联 PM 工作流	双端原生	与另一 PM 库选主库
Product Manager Skills	Skill 库	深入执行 PM 框架	双端官方路径	按需补充，不全量叠加
Anthropic Skills	官方集合	文档与示例能力	双端	用 `--skill` 按需安装
Skill Creator	官方 Skill	创建和评估 Skill	双端	同一项目只用一个生成流程

2️⃣ 让开发过程更稳定

1. Superpowers：把“先想清楚再动手”变成默认流程

类型： 工作流 Plugin / Skill 集合 平台： Codex 原生插件；Claude Code 原生插件 地址： obra/superpowers

Superpowers 不是某一种编程能力，而是一整套开发纪律：需求澄清、方案设计、计划、测试驱动、系统调试、验证和分支收尾。它最有价值的地方，是把“写完代码再想怎么验证”改成“先定义完成标准，再开始实现”。

Claude Code 可以直接安装官方插件：

/plugin install superpowers@claude-plugins-official

如果官方市场里没有，也可以添加项目市场后安装：

/plugin marketplace add obra/superpowers-marketplace
/plugin install superpowers@superpowers-marketplace

Codex App 在 Plugins 侧栏的 Coding 分类中安装；Codex CLI 可以输入 /plugins，搜索 Superpowers 后安装。使用时通常不需要背命令，直接描述“先梳理需求，再实现并验证”，它会根据任务触发对应 Skill。

冲突判断：规则冲突。 Superpowers、ECC 和 Planning with Files 都能接管计划与执行流程。它们可以同时装，但不要同时把三套规则设成强制主流程。我通常让 Superpowers 负责软件开发闭环，其他框架只按需调用。

2. Caveman：让 Agent 少说套话，保留结论

类型： 输出风格 Plugin / Skill 平台： Codex 标准兼容；Claude Code 原生插件 地址： JuliusBrussee/caveman

Caveman 做的事情很单纯：压缩表达。它不会降低模型的推理能力，只是减少铺垫、重复解释和“当然可以”一类套话。对长期终端协作很实用，因为真正占注意力的不是 Token 数，而是我每次必须从一大段话里找结论。

Claude Code 安装：

claude plugin marketplace add JuliusBrussee/caveman
claude plugin install caveman@caveman

Codex 安装：

npx skills add JuliusBrussee/caveman -a codex

Claude Code 插件通过 Hooks 自动生效；Codex 中可以在需要时调用 /caveman，或者直接要求“使用 Caveman 风格回答”。

冲突判断：规则冲突。 它会改变输出风格。如果项目要求详细教学、审计记录或固定汇报模板，过度压缩会丢失必要解释。我的做法是只让它控制日常对话，不让它覆盖项目强制格式。

3. Planning with Files：把上下文写回文件

类型： 文件化规划 Skill + Hooks 平台： Codex 专用集成；Claude Code 原生插件 地址： OthmanAdi/planning-with-files

长任务最怕两件事：上下文压缩后忘记决定，换一次会话后重新研究。Planning with Files 用三个文件解决：task_plan.md 记录阶段，findings.md 记录发现，progress.md 记录执行和验证。模型的短期上下文会消失，文件不会。

Claude Code 建议走插件安装，具体插件名以官方 README 当前版本为准：

/plugin marketplace add OthmanAdi/planning-with-files
/plugin install planning-with-files@planning-with-files

Codex 官方建议把仓库中的 .codex/ 集成复制到项目，团队可以一起版本化：

git clone https://github.com/OthmanAdi/planning-with-files.git /tmp/planning-with-files
cp -r /tmp/planning-with-files/.codex .

然后在 ~/.codex/config.toml 的 [features] 下启用：

hooks = true

Codex 如果已有全局 hooks.json，不要直接覆盖，要手动合并。开始复杂任务时调用 /plan 或直接要求初始化文件化计划；一次性 codex exec 不想被现有计划影响，可以设置 PLANNING_DISABLED=1。

冲突判断：规则冲突 + 技术冲突。 它与其他计划框架会争夺同一任务流程；同时在项目级和全局各装一份 Hooks，还会收到双份提醒。只保留一个 Hooks 入口。

4. ECC：给 Agent 装一整套工程操作系统

类型： Agent 工程框架 / Plugin / Rules / Hooks / MCP 集合 平台： Codex 一等支持；Claude Code 原生插件 地址： affaan-m/ECC

ECC 原名 Everything Claude Code，现在已经不是几个 Skill 的集合，而是一套很完整的 Agent Harness。它覆盖编码规范、TDD、安全审查、文档查询、前后端模式、研究、内容生产和 MCP 配置。适合想一次建立完整工程环境的人，不适合只想加一个小能力的人。

Claude Code 推荐插件路径：

/plugin marketplace add https://github.com/affaan-m/ECC
/plugin install ecc@ecc

插件不会自动分发 rules。如果确实需要规则，只复制 rules/common 和当前技术栈对应的目录。不要在装完插件后再运行 full 安装器，否则 Skill 和 Hooks 会重复。

Codex 当前更稳定的方式是克隆仓库后运行同步脚本，并先预览：

git clone https://github.com/affaan-m/ECC.git
cd ECC
npm install
bash scripts/sync-ecc-to-codex.sh --dry-run
bash scripts/sync-ecc-to-codex.sh

ECC 也提供实验性的 Codex Marketplace，但官方明确提示上游插件缓存仍可能丢失共享内容，因此现阶段手动同步更稳。

冲突判断：规则冲突 + 技术冲突。 ECC 与 Superpowers、Planning with Files 在计划、测试、验证上大量重叠。更严重的是，同一个平台同时使用插件安装和 full 手动安装，会产生重复 Skill、重复 Hooks 和重复运行时。安装 ECC 时，“只选一条路径”比命令本身更重要。

5. Claude HUD：把上下文和工具状态放进状态栏

类型： Claude Code statusline Plugin 平台： Codex 不支持；Claude Code 原生插件 地址： jarrodwatts/claude-hud

Claude HUD 显示当前模型、上下文占用、工具调用和任务状态。它不让模型变强，但能让我知道一次会话还剩多少空间，以及 Agent 是否真的在执行，而不是卡在某一步。

安装命令：

/plugin marketplace add jarrodwatts/claude-hud
/plugin install claude-hud
/reload-plugins
/claude-hud:setup

设置完成后重启 Claude Code。Codex 没有对应安装入口，不建议把 Claude 的 statusline 配置硬搬过去。

冲突判断：技术冲突。 它可能与其他 statusline 插件或自己写的状态栏配置互相覆盖。状态栏只保留一个主实现。

6. Understand Anything：先画出代码知识图谱，再开始改

类型： 代码理解 Skill + 本地知识图谱 平台： Codex 专用安装；Claude Code 原生插件 地址： Egonex-AI/Understand-Anything

清单里的 SkillsLLM 页面已经不是最可靠入口，当前官方仓库是 Egonex-AI。它会分析代码库并生成 .ua/knowledge-graph.json，再提供 Dashboard、问答、Diff 分析等能力。面对陌生项目时，它比“把整个仓库塞进上下文”更节省重复阅读。

Claude Code 安装：

/plugin marketplace add Egonex-AI/Understand-Anything
/plugin install understand-anything

Codex 官方提供安装脚本。先在浏览器打开脚本检查内容，再执行：

curl -fsSL https://raw.githubusercontent.com/Egonex-AI/Understand-Anything/main/install.sh | bash -s codex

Claude Code 使用 /understand，Codex 使用 $understand；后续可进入 Dashboard 或继续询问模块关系。首次索引大型仓库会消耗较多时间和 Token，不要把生成目录当业务源码提交。

冲突判断：功能重叠。 它与 CodeGraph 都在做代码结构检索。两者技术上可以共存，但会分别维护索引。先选一个，确定现有检索不够再加另一个。

7. CodeGraph：把本地代码关系暴露成 MCP

类型： 本地 CLI + 代码图谱 MCP 平台： Codex 原生检测；Claude Code 原生检测 地址： colbymchenry/codegraph

CodeGraph 更像基础设施。它在本地建立代码索引，通过 MCP 把符号、调用关系和语义检索交给 Agent。Understand Anything 偏“生成一套可浏览的理解成果”，CodeGraph 偏“让模型在工作时随查随用”。

两个平台使用同一套安装方式：

npm install -g @colbymchenry/codegraph
codegraph install

进入具体项目后初始化：

codegraph init

也可以先用 npx @colbymchenry/codegraph 体验。codegraph install 会检测本机 Agent 并写入 MCP 配置，执行前应查看它准备修改的平台。

冲突判断：功能重叠。 与 Understand Anything 共存不会直接报错，但两套索引会占用磁盘和维护时间。代码库很大、需要持续语义检索时选 CodeGraph；想快速获得结构化全景时选 Understand Anything。

3️⃣ 给 Agent 接上互联网

8. Agent Reach：让一个入口覆盖多个内容平台

类型： 联网 CLI + 路由 Skill 平台： Codex 标准兼容；Claude Code 标准兼容 地址： Panniantong/Agent-Reach

Agent Reach 的价值不是“又一个搜索工具”，而是统一入口。网页、GitHub、X、Reddit、YouTube、Bilibili、小红书、播客等平台需要不同后端，它负责判断当前环境有哪些能力，再把请求路由过去。

官方推荐直接把安装文档交给 Agent。为了可控，我会先打开文档阅读，再让 Agent 执行其中步骤：

帮我安装 Agent Reach：https://raw.githubusercontent.com/Panniantong/agent-reach/main/docs/install.md

安装后先检查：

agent-reach doctor --json

Codex 和 Claude Code 都可以用自然语言调用，例如“搜索最近一周 GitHub 上关于 Agent Skills 的讨论”。部分平台仍需要登录、Cookie 或第三方 CLI，Agent Reach 不会凭空绕过平台权限。

冲突判断：功能重叠但可组合。 它与 Last 30 Days 都能做联网研究，但后者强调时间窗口和综合报告；OpenCLI 反而可以成为 Agent Reach 访问登录网站的后端。三者不是必须三选一。

9. Last 30 Days：只研究最近一个月发生了什么

类型： 时效研究 Skill 平台： Codex 标准兼容；Claude Code 原生插件 地址： mvanhorn/last30days-skill

很多研究失败，不是因为资料少，而是因为新旧信息混在一起。Last 30 Days 把时间窗口固定在最近 30 天，跨多个来源检索，再总结趋势、共识和争议。适合研究模型更新、产品口碑、热点工具和社区变化。

Claude Code 插件安装：

/plugin marketplace add mvanhorn/last30days-skill
/plugin install last30days

Codex 安装：

npx skills add mvanhorn/last30days-skill -g -a codex

使用方式很直接：

/last30days Agent Skills

它需要 Python 3.12+，部分数据源还需要 API Key 或平台登录。

冲突判断：技术冲突。 Claude Code 同时通过 Plugin 和 npx skills 安装，会出现两个 /last30days。同一台机器只选一种安装方式。与 Agent Reach 只是功能重叠，不会直接冲突。

10. OpenCLI：把已登录浏览器变成可复用命令行

类型： 浏览器数据 CLI + Skill 集 平台： Codex 标准兼容；Claude Code 标准兼容 地址： jackwener/OpenCLI

很多网站没有公开 API，但浏览器里已经登录。OpenCLI 通过浏览器扩展和本地 CLI，把页面能力包装成结构化命令。相比让 Agent 盲点网页，它更适合可重复的数据读取和自动化。

先安装 CLI，Node.js 需要 20 或以上：

npm install -g @jackwener/opencli
opencli doctor

再安装浏览器桥接扩展，并把 Skills 接入当前 Agent：

npx skills add jackwener/opencli

之后可以直接说“用 OpenCLI 读取当前登录站点的数据”，也可以手动运行：

opencli hackernews top --limit 5

冲突判断：无冲突。 它与 Agent Reach 是上下层关系：OpenCLI 提供具体平台能力，Agent Reach 负责发现和路由。真正需要注意的是浏览器登录态和权限，不要让 Agent 在未确认时执行写操作。

4️⃣ 把想法变成页面、图片和演示

11. PPT Master：生成真正可编辑的 PowerPoint

类型： PPTX 生成 Skill / 完整仓库工作流 平台： Codex 标准兼容；Claude Code 原生插件 地址： hugohe3/ppt-master

PPT Master 的目标不是生成一张“像幻灯片的图”，而是输出可以继续编辑的原生 .pptx。它会先梳理内容和视觉方向，再通过 Python、Pandoc 等工具生成结构化页面，适合商业汇报、课程和需要交付源文件的场景。

跨平台安装 Skill：

npx skills add hugohe3/ppt-master

Claude Code 也可以安装插件：

/plugin marketplace add hugohe3/ppt-master
/plugin install ppt-master@ppt-master

插件只负责 Skill 文件，仍要按照仓库 README 安装 Python 依赖和 Pandoc。使用时给出受众、页数、场景、内容来源和视觉方向，比只说“做个 PPT”稳定得多。

冲突判断：功能重叠。 它与归藏 PPT Skill 都做演示，但 PPT Master 的核心产物是可编辑 PPTX，归藏 PPT 是单文件 HTML。按照最终交付格式选，不需要争论谁“更强”。

12. 归藏 PPT Skill：把内容做成单文件 HTML 演示

类型： HTML 演示生成 Skill 平台： Codex 标准兼容；Claude Code 标准兼容 地址： op7418/guizang-ppt-skill

归藏 PPT Skill 更适合快速展示和网页传播。它会处理封面、版式、配图和横向翻页，最后输出一个可直接打开的 HTML 文件。无需 PowerPoint 环境，发给别人也容易预览。

Codex 和 Claude Code 都可以通过 Agent Skills 安装：

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

安装后直接描述主题、受众、页数和风格，例如“用归藏 PPT Skill 把这份产品复盘做成 12 页横版演示”。如果项目已有品牌色和字体，也应该一起给出。

冲突判断：功能重叠。 它不会与 PPT Master 产生技术冲突，但两个 Skill 都可能被“做演示”触发。提示词中明确写出“HTML 演示”或“可编辑 PPTX”，就能避免模型选错。

13. OfficeCLI：在终端里生成 PPTX、DOCX 和 XLSX

类型： Office 文件 CLI + Agent Skill 平台： Codex 官方 Skill；Claude Code 原生插件 地址： officecli/officecli

清单里的 iOfficeAI/OfficeCLI 已迁移到新的官方仓库。OfficeCLI 是一个独立命令行程序，可以从提示词生成可编辑的 PPTX、DOCX、XLSX、报告和图片。Agent Skill 只是让 Codex 或 Claude Code 知道如何调用它，真正干活的是本地 officecli 二进制。

先安装 CLI：

npm install -g officecli
officecli --version
officecli auth status

Claude Code 安装插件：

/plugin marketplace add officecli/officecli
/plugin install officecli@officecli

Codex 使用官方 Skill 安装脚本。仍然建议先检查脚本内容：

curl -fsSL https://raw.githubusercontent.com/officecli/officecli/main/scripts/install-skill.sh | bash -s -- officecli

不经过 Agent 也能直接使用：

officecli new pptx "季度复盘" --prompt "生成六页 SaaS 季度业务复盘，包含增长、留存、风险和下季度行动"

冲突判断：功能重叠。 OfficeCLI 与 PPT Master、Anthropic 文档 Skills 都能生成 Office 文件，但调用链不同。只做 PPT 时选专用 Skill；需要同一套 CLI 批量生成多种 Office 文件时选 OfficeCLI。

14. AI Website Cloner Template：在项目里完成网站复刻

类型： 项目 Template，不是全局 Skill 平台： Codex 项目内兼容；Claude Code 项目内兼容 地址： JCodesMore/ai-website-cloner-template

这个项目最容易被装错。它不是应该复制到全局 Skills 目录的能力，而是一个准备好命令、规范和依赖的网站复刻模板。正确做法是在 GitHub 点击 Use this template 创建自己的仓库，再在那个新仓库里工作。

创建自己的项目后：

git clone <你的仓库地址>
cd <你的仓库目录>
npm install

然后在项目里启动 Codex 或 Claude Code，运行：

/clone-website <目标页面地址>

Claude Code 官方示例更推荐配合 Chrome 能力启动，但 Codex 也可以读取项目内的 Agent 规则完成流程。使用前要确认目标网站的版权、商标和使用许可；“技术上能复刻”不等于“可以公开发布”。

冲突判断：无冲突。 它只影响当前项目，不会与全局 UI Skill 冲突。真正的风险是把模板仓库直接当业务仓库长期开发，导致后续无法区分上游模板和自己的代码。

15. Open Design：让 Agent 通过 MCP 操作设计工作台

类型： 本地优先桌面 App + CLI + MCP + Skills 平台： Codex MCP；Claude Code MCP 地址： nexu-io/open-design

Open Design 是一个完整设计环境，可以生成网页原型、演示、图片和视频。它不是把一个 SKILL.md 丢进目录就结束，而是先安装桌面应用和 od CLI，再把 MCP 注册到 Agent。

从官方 Releases 或网站安装应用后，可以先预览 MCP 配置：

od mcp install codex --print
od mcp install claude --print

确认无误再安装：

od mcp install codex
od mcp install claude

之后直接让 Agent “在 Open Design 中创建一个 SaaS 首页原型”，它会通过 MCP 操作本地工作台。卸载时用对应的 --uninstall，不要手动留下失效的 MCP 配置。

冲突判断：功能重叠。 它与 HTML Anything 都是设计工作台，通常不需要同时常驻。MCP 名称不同不会天然冲突，但两个系统都会争夺同类“生成页面”任务，提示词要指定工具。

16. HTML Anything：把多个 Agent 接进同一个 HTML 工作台

类型： 本地 Web App / Agent 工作区 平台： 自动检测 Codex CLI；自动检测 Claude Code CLI 地址： nexu-io/html-anything

HTML Anything 也不是一个全局 Skill。它是用 pnpm 启动的本地应用，内置大量 Skill 模板，可以让 Codex、Claude Code 等 Agent 在统一界面里生成和迭代 HTML 作品。适合需要一边看效果、一边让 Agent 修改的人。

安装运行：

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev

应用会检测本机已经登录的 Codex 和 Claude Code CLI，不需要再把整个仓库复制到 Skills 目录。它的 Skill 模板属于应用内部能力，和平台全局 Skill 是两个层级。

冲突判断：功能重叠。 与 Open Design 同时安装不会破坏配置，但使用定位接近。我会选一个作为主要可视化工作台，另一个只在需要其独有输出时打开。

17. UI UX Pro Max：给 Agent 一套可检索的设计知识库

类型： UI/UX Skill + 本地检索 CLI 平台： Codex 专用初始化；Claude Code 原生插件 地址： nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max 包含设计风格、配色、字体、组件、行业模式和可访问性规则。它的特点不是给一段固定 Prompt，而是根据产品类型检索合适的设计系统，再指导 Agent 落地。

安装 CLI：

npm install -g ui-ux-pro-max-cli

在项目中为不同平台初始化：

uipro init --ai codex
uipro init --ai claude

Claude Code 也可以走插件：

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

不要在 Claude Code 同时使用插件和 CLI 生成的重复副本。使用时给出产品类型和技术栈，例如“为 B2B AI 工作台设计信息密度较高的桌面端界面”。

冲突判断：功能重叠。 它与 Frontend Design 都会约束界面质量。UI UX Pro Max 更像可检索设计数据库，Frontend Design 更像审美和实现原则。可以共存，但同一轮生成最好指定谁负责主规则。

18. Frontend Design：让前端不再长得像默认 AI 页面

类型： Anthropic 官方示例 Skill 平台： Codex 标准兼容；Claude Code 官方插件 地址： anthropics/skills/skills/frontend-design

Frontend Design 关注的是成品质量：视觉概念、排版、配色、动效和空间关系。它反对没有判断的渐变、卡片堆叠和模板化布局，要求 Agent 先确定明确的设计方向，再写可运行代码。

Claude Code 安装官方示例 Skill 集：

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Codex 可以只安装这一项标准 Skill：

npx skills add anthropics/skills -g --skill frontend-design -a codex

使用时不要只说“美化页面”，而要给内容、用户、设备和限制，例如“保持现有 Astro 结构，只重做首页视觉层级，不增加依赖”。

冲突判断：功能重叠。 与 UI UX Pro Max 共存没有技术问题，但两套审美规则可能给出不同方向。UI UX Pro Max 负责查规范、Frontend Design 负责形成视觉主张，是比较清楚的分工。

类型： 社交图片生成 Skill 平台： Codex 标准兼容；Claude Code 标准兼容 地址： op7418/guizang-social-card-skill

它把文章、观点或产品内容转换成小红书卡片、公众号封面等社交媒体视觉。对我来说，它不是“画一张图”，而是先把长内容重组为封面、核心观点和连续阅读节奏。

两个平台都可以安装：

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

提示词中给出发布平台、画幅、卡片数量、品牌色和原始文案。生成后仍要人工检查文字换行、事实和平台安全区，不能因为图做出来了就直接发布。

冲突判断：无冲突。 它与归藏 PPT 共用一些视觉思路，但交付物不同，一个服务社交传播，一个服务演示。两者可以同时安装。

20. Archify：专门生成能交付的技术图

类型： 架构图与流程图 Skill 平台： Codex 标准兼容；Claude Code 标准兼容 地址： tt-a1i/archify

Archify 专注架构图、工作流、时序图、数据流和生命周期图，输出带明暗主题和导出能力的独立 HTML。与通用网页生成相比，它的边界更窄，反而更稳定：节点、关系、方向和分组是第一优先级。

全局安装：

npx skills add tt-a1i/archify -g

也可以直接指定平台体验：

npx skills use tt-a1i/archify@archify --agent codex
npx skills use tt-a1i/archify@archify --agent claude-code

使用时先提供对象和关系，再给视觉要求。例如“画出从用户输入、Intent Router、Agent Runtime 到 Memory Store 的数据流”。

冲突判断：无冲突。 它与其他设计 Skill 只有表面重叠。Archify 负责技术关系，Frontend Design 负责页面审美，边界明确时可以组合。

5️⃣ 管理文档、知识和产品工作

21. Obsidian Skills：先让 Agent 正确读写 Obsidian 文件

类型： Obsidian 基础 Skill 集 平台： Codex 官方支持；Claude Code 原生插件 地址： kepano/obsidian-skills

这是 Obsidian CEO Steph Ango 维护的一组标准 Agent Skills，解决的是基础能力：Obsidian Markdown、Bases、JSON Canvas、Obsidian CLI 和网页正文提取。它不会替你决定知识管理方法，但能避免 Agent 把 Wikilink、Callout、Properties 或 .canvas 写错。

Claude Code 插件安装：

/plugin marketplace add kepano/obsidian-skills
/plugin install obsidian@obsidian-skills

Codex 和 Claude Code 也都可以通过标准安装器接入：

npx skills add https://github.com/kepano/obsidian-skills

Codex 手动安装时，把仓库的 skills/ 中各 Skill 目录复制到 ~/.codex/skills。项目级使用则放在具体 Vault 或仓库中，避免所有项目都加载 Obsidian 规则。

冲突判断：无冲突。 它提供的是文件格式与工具能力，可以作为 Claude Obsidian 的底层能力。只有当另一套 Skill 也定义了相反的 Markdown 写法时，才会出现规则冲突。

22. Claude Obsidian：让 Vault 自己生长和维护

类型： 第二大脑工作流 / Obsidian Vault 模板 / Skill 集 平台： Codex 实验兼容；Claude Code 原生插件 地址： AgriciDaniel/claude-obsidian

Claude Obsidian 不是几个语法 Skill，而是一套完整知识库方法。它会创建索引、实体、概念、来源、热缓存和日志，并提供 /wiki、/save、/autoresearch、/canvas、/think 等工作流。适合从零建立持续增长的第二大脑，不适合直接接管一个已经有严格目录规范的 Vault。

最完整的方式是克隆为独立 Vault：

git clone https://github.com/AgriciDaniel/claude-obsidian
cd claude-obsidian
bash bin/setup-vault.sh

Claude Code 也可以安装插件：

claude plugin marketplace add AgriciDaniel/claude-obsidian
claude plugin install claude-obsidian@agricidaniel-claude-obsidian

Codex 可在克隆后的仓库中读取兼容的 Agent Skills，但官方说明目前是实验支持，生产验证仍以 Claude Code 为主。对 Codex 用户，我更建议先在副本 Vault 中测试自然语言调用，不要直接让它重组主知识库。

冲突判断：规则冲突。 它与 Obsidian Skills 的基础能力互补，但会对目录、命名、索引和自动写入提出自己的规则。如果现有 Vault 已使用 PARA、Zettelkasten 或自定义结构，先选一个测试目录，确认方法兼容后再扩大范围。

23. PM Skills：按产品工作流组织的插件市场

类型： 产品管理 Plugin Marketplace / Skill 与命令集合 平台： Codex 原生插件；Claude Code 原生插件 地址： phuryn/pm-skills

PM Skills 把产品工作拆成发现、战略、市场研究、数据分析、增长、上市、执行和 AI 交付等插件。它的优势是完整工作流：/discover 会串起创意、假设、优先级和实验，而不只是给一张模板。

Claude Code 先添加市场，再按领域安装，不需要九个全部装：

claude plugin marketplace add phuryn/pm-skills
claude plugin install pm-toolkit@pm-skills
claude plugin install pm-product-discovery@pm-skills
claude plugin install pm-execution@pm-skills

Codex 也支持同一市场结构：

codex plugin marketplace add phuryn/pm-skills
codex plugin add pm-toolkit@pm-skills
codex plugin add pm-product-discovery@pm-skills
codex plugin add pm-execution@pm-skills

Claude Code 可以直接运行 /discover、/write-prd 等命令；Codex 当前不会把这些命令暴露成同名 Slash Command，需要用自然语言描述流程，例如“完成产品发现：生成方案、识别假设、按风险排序，再设计实验，每一步暂停确认”。

冲突判断：功能重叠。 与 Product Manager Skills 覆盖大量相同框架。如果两个库都全量安装，模型可能同时触发同名或近义 Skill。选一个作为主产品工作流库，另一个只补缺少的框架。

24. Product Manager Skills：更像一本可执行的 PM 方法手册

类型： 产品管理 Skill 库 / Claude Plugin Marketplace 平台： Codex 官方 ZIP；Claude Code 原生插件 地址： deanpeters/Product-Manager-Skills

这套库强调框架的来龙去脉、适用条件和常见误区，包含 Jobs to be Done、PRD、机会解决方案树、路线图、定价、增长、领导力和 AI 产品能力。与 PM Skills 相比，它更像一组可以单独学习和调用的方法手册。

Claude Code 可以按 Skill 安装：

/plugin marketplace add deanpeters/Product-Manager-Skills
/plugin install jobs-to-be-done@pm-skills
/plugin install prd-development@pm-skills
/reload-plugins

Codex 官方提供专用包：从 Releases 下载 pm-skills-codex.zip，解压到项目根目录，确认生成：

.agents/
  skills/
AGENTS.md

然后在该项目打开 Codex，直接说“使用 jobs-to-be-done Skill 分析这个客户问题”。它是项目级安装，不会自动污染所有仓库。

冲突判断：功能重叠。 与 PM Skills 同时少量安装通常没问题，全量并存则容易重复。想要端到端命令链选 PM Skills；想按一个框架深入学习和执行，Product Manager Skills 更直观。

25. Anthropic Skills：官方示例、标准参考和文档能力集合

类型： Anthropic 官方 Agent Skills 示例仓库 平台： Codex 标准兼容；Claude Code 官方插件 地址： anthropics/skills

Anthropic Skills 有三层价值。第一，它提供 DOCX、PDF、PPTX、XLSX 等文档 Skill；第二，它提供 Frontend Design、Skill Creator、MCP Builder 等示例；第三，它本身是理解 Agent Skills 目录结构和写法的参考实现。它是“集合”，不是一个叫 Anthropic Skills 的单一命令。

Claude Code 添加官方市场后，按包安装：

/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skills

Codex 遵循相同 SKILL.md 标准，可以按需安装整个仓库或某一项：

npx skills add anthropics/skills -g -a codex

如果只需要一个 Skill，优先使用 --skill 限定，减少全局上下文和触发重叠。还要注意仓库中不同目录的许可证说明并不完全相同，二次分发前应检查对应文件。

冲突判断：功能重叠。 仓库本身不会主动接管工作流，风险来自全量安装后与现有 PDF、PPT、前端 Skill 重复。按需安装比“一键全装”更合理。

26. Skill Creator：把个人经验变成可复用能力

类型： Skill 创建与评估工作流 平台： Codex 标准兼容；Claude Code 官方插件 地址： anthropics/skills/skills/skill-creator

当现成 Skill 不能覆盖自己的工作方法时，Skill Creator 用来创建、修改、评估和迭代 Skill。它会引导你定义触发条件、工作流、资源文件和测试样例，而不是只生成一个很长的 Prompt。

Claude Code 安装 example-skills 后已经包含它：

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Codex 可以单独安装：

npx skills add anthropics/skills -g --skill skill-creator -a codex

使用时提供一个真实任务、理想输出和失败样例，例如“把我的跨平台网站设计审查流程做成 Codex 与 Claude Code 都能读的 Skill”。越接近真实工作，写出的触发描述和验收样例越可靠。

冲突判断：规则冲突。 与其他 Skill 生成器同时存在不会直接报错，但可能采用不同目录、Frontmatter 和评估方法。创建同一个 Skill 时只选一个主工作流，再分别用两端标准审查兼容性。

6️⃣ Codex 与 Claude Code 怎么安装

看完 26 项，真正需要记住的安装原则只有五条。

第一，先确认它到底是什么。 Template 要新建项目，App 要单独运行，CLI 要安装二进制，MCP 要写配置，只有 Skill 才应该进入 Skills 目录。把所有 GitHub 仓库都复制到 ~/.codex/skills，结果通常是一堆无法加载的文件。

第二，优先使用项目明确支持的平台入口。 Claude Code 有成熟的 Plugin Marketplace；Codex 同样在逐步提供插件能力，但很多项目仍通过 npx skills、.agents/skills、.codex/skills 或 MCP 接入。所谓“兼容”不一定意味着所有 Slash Command、Hooks 和 UI 都完全一致。

安装方式	Codex	Claude Code	适合场景
平台 Plugin	`/plugins` 或 `codex plugin ...`	`/plugin ...` 或 `claude plugin ...`	项目明确提供原生插件
`npx skills`	常用	可用	标准 `SKILL.md`、多平台分发
项目级 Skill	`.agents/skills`、`.codex/skills`	`.claude/skills`	只在一个仓库生效
全局 Skill	`~/.codex/skills`	`~/.claude/skills`	几乎每个项目都需要
MCP 安装	`codex mcp` 或配置文件	`claude mcp` 或配置文件	本地 App、外部服务和工具调用

第三，同一个项目只选一种安装通道。 Plugin、npx skills 和手动复制不是三道都要做的步骤，而是三个替代入口。Last 30 Days 和 ECC 都明确记录过重复安装问题。

第四，默认先装项目级。 一个 Obsidian Skill 没必要出现在前端仓库，一个 PM Skill 也没必要在每次修 Bug 时触发。只有确认跨项目高频使用后，再移动到全局目录。

第五，远程脚本先看再跑。 最短的命令不一定是最安全的命令。遇到下面这种安装方式：

curl <远程地址> | bash

至少先打开脚本地址，确认它会下载什么、修改哪些目录、是否写入全局配置。能用 npm、Homebrew 或 Release 二进制时，我通常优先选择可查看版本和卸载路径的方式。

7️⃣ 同类 Skill 安装多个会不会冲突

最后给出我实际采用的判断表。重点不是“能否同时存在”，而是是否应该同时激活。

组合	冲突级别	影响	建议
Superpowers + ECC	规则冲突	计划、TDD、验证规则重复，流程变长	选一个主框架，另一个按需调用
Superpowers + Planning with Files	规则冲突	计划文档和停止条件可能不一致	前者管开发方法，后者只管长任务记忆
ECC Plugin + ECC full installer	技术冲突	Skill、Hooks、命令重复加载	只选一种安装路径
Planning with Files 项目 Hooks + 全局 Hooks	技术冲突	同一事件收到两次提醒	只保留项目级或全局其中一个
Claude HUD + 其他 statusline	技术冲突	状态栏被覆盖或重复渲染	只保留一个主状态栏
Agent Reach + OpenCLI	无冲突	前者路由，后者提供浏览器能力	推荐组合
Agent Reach + Last 30 Days	功能重叠	都能研究热点，输出侧重点不同	明确是否需要固定 30 天窗口
Last 30 Days Plugin + `npx skills`	技术冲突	出现重复命令	同一平台只装一次
Understand Anything + CodeGraph	功能重叠	两份代码索引、额外资源消耗	大型项目先选一个
PPT Master + 归藏 PPT	功能重叠	同一提示可能触发错误输出格式	明确写 PPTX 或 HTML
OfficeCLI + 文档 Skills	功能重叠	多条生成 Office 文件的路径	批处理选 CLI，深度编辑选专用 Skill
Open Design + HTML Anything	功能重叠	两个设计工作台定位接近	选一个主工作台
UI UX Pro Max + Frontend Design	功能重叠	设计建议可能方向不同	前者查规范，后者定视觉方向
Obsidian Skills + Claude Obsidian	轻度规则重叠	基础语法兼容，知识库结构由后者接管	可组合，先在测试 Vault 验证
PM Skills + Product Manager Skills	功能重叠	同名框架、触发重复、上下文增加	选一个主库，另一个补缺
Anthropic Skills 全量包 + 专用 Skill	功能重叠	文档、前端、Skill 创建能力重复	使用 `--skill` 按需安装

我以前也会把 Skill 数量当成能力数量。装了 30 个，好像 Agent 就有 30 种新本事。真正用久了才发现，能力不是相加关系，而是路由关系。 同一句“帮我做个产品方案”，如果五个 Skill 都觉得自己应该介入，模型拿到的不是五倍专业，而是五套优先级。

现在我的做法是：每一类任务只有一个主 Skill，其他工具必须有明确边界。开发流程由一套框架负责；联网研究区分通用检索和 30 天时效研究；演示按 PPTX 与 HTML 分流；Obsidian 区分文件能力和知识管理方法；产品管理只保留一个主库。

这样做之后，Agent 反而更稳定。不是因为它知道得更少，而是因为它更清楚什么时候应该使用哪一种能力。

真正有价值的不是装了多少 Skill，而是每一种能力都有清楚的边界。

标签： #AI Agent · #Codex · #Claude Code · #Agent Skills · #效率工具

← 返回文章列表