Codex CLI 教程（五）| AI 驱动项目从零到一：面向 Java 全栈工程师打造个人 ECC（V2版）
-
- 前言
- 先定边界：本文到底在选什么
- 一、先看最终目录
- 二、通用核心层
-
- [2.1 战略、需求、路线图、运营](#2.1 战略、需求、路线图、运营)
- [2.2 UI/UX、截图还原、页面验收](#2.2 UI/UX、截图还原、页面验收)
- [2.3 API、数据、架构、发布方案](#2.3 API、数据、架构、发布方案)
- [2.4 测试、审查、安全、性能、上线观察](#2.4 测试、审查、安全、性能、上线观察)
- [2.5 文档、提交、真实执行记录](#2.5 文档、提交、真实执行记录)
- 三、技术栈增强层
-
- [3.1 Java / Spring Boot](#3.1 Java / Spring Boot)
- [3.2 React / Next.js / TypeScript](#3.2 React / Next.js / TypeScript)
- [3.3 Vue / Vite / Pinia / uni-app](#3.3 Vue / Vite / Pinia / uni-app)
- [3.4 微信小程序 / CloudBase](#3.4 微信小程序 / CloudBase)
- [3.5 Docker、GitHub、ECC 治理](#3.5 Docker、GitHub、ECC 治理)
- 四、从零到一怎么用
-
- [4.1 立项和需求阶段](#4.1 立项和需求阶段)
- [4.2 页面和体验阶段](#4.2 页面和体验阶段)
- [4.3 接口、数据、架构阶段](#4.3 接口、数据、架构阶段)
- [4.4 开发和交付阶段](#4.4 开发和交付阶段)
- [4.5 上线后迭代阶段](#4.5 上线后迭代阶段)
- [五、推荐 MCP 配套](#五、推荐 MCP 配套)
- 六、按需扩展
- 七、维护方式
- 结语
- 参考来源
前言
这篇文章解决一个实际问题：
如果我是 Java 全栈工程师，同时会做 Vue、React / Next.js、uni-app、小程序、Docker、测试、部署和上线维护，
应该怎样给 Codex CLI 安装一套真正能从零到一推进项目的 skills？
这里的"个人 ECC"，指的是围绕 Codex CLI 组合一套能覆盖完整项目交付链路的 skills 能力系统。
本文按真实项目流程组织：
text
战略与商业
-> 业务与需求
-> 产品与体验
-> 数据与规则
-> 技术与架构
-> 项目管理与协同
-> 交付与质量
-> 运营与迭代你做到哪个阶段，就看哪一组 skill；你选定哪种技术栈，就追加对应增强层。
文中的 GitHub Stars 来自 GitHub API，skills.sh 安装量来自 skills.sh/api/search。
查询时间为 2026-04-29。
数据会变化，安装前建议再打开对应仓库和 skills.sh 页面确认一次。
先定边界：本文到底在选什么
skills 生态里有很多东西都叫"增强 agent 能力"，但它们不是同一类。本文只筛选一类东西：适合 Codex CLI 长期常驻、能在真实项目里稳定提效的单个 skills。
| 类型 | 代表 | 本文处理方式 |
|---|---|---|
| 流程型 systems | Superpowers、GSD v1 | 了解即可，不作为 Codex CLI 默认底座 |
| 大型技能包 | Everything Claude Code | 当能力仓库使用，不整包照抄 |
| 宿主运行时插件 | Oh My OpenCode | 绑定特定运行时，不作为 Codex CLI 主路线 |
| 独立运行时 | GSD2 | 是另一套 agent CLI / runtime，不适合继续以 Codex CLI 为主的人 |
| 单个 skill | java-springboot、ui-ux-pro-max、uni-app |
本文重点筛选对象 |
| MCP / 浏览器能力 | Context7、GitHub MCP、Playwright / Browser MCP | 作为配套能力单独说明 |
判断一个 skill 是否值得放进默认清单，主要看六件事：
text
skills.sh 是否能检索到
当前 CLI 是否能安装
SKILL.md 触发条件是否清楚
工作流是否可执行
来源和维护信号是否可信
是否和同类 skill 明显重复安装量和 GitHub Stars 只作为参考，不作为唯一标准。
一、先看最终目录
这套个人 ECC 分成三类。
| 类型 | 解决什么问题 | 什么时候安装 |
|---|---|---|
| 通用核心层 | 覆盖项目从 0 到 1 的主流程 | 建议默认安装 |
| 技术栈增强层 | Java、Spring Boot、Vue、React、Next、uni-app、小程序、Docker 等专项能力 | 项目确定技术栈后安装 |
| 按需扩展层 | 调研、Pencil、原型、旧项目 onboarding 等不一定每天用的能力 | 明确需要时再安装 |
本文重点是前两类。
二、通用核心层
2.1 战略、需求、路线图、运营
这一组主要来自 zephyrwang6/pm-skills。
它覆盖竞品、PRD、优先级、路线图、埋点、数据分析和复盘。
适合把模糊想法推进成可评审、可开发、可复盘的项目材料。
没有把 github/awesome-copilot/prd、product-manager-toolkit 这类更高安装量的单个 PM skill 放进默认主线，原因很直接：
它们更适合单点写 PRD、跑 RICE 或做 PM 工具箱。
下面这组细分 skill 更适合覆盖完整项目流程。
这里按"竞品 -> 调研 -> 优先级 -> PRD -> 评审 -> 路线图 -> 埋点 -> 分析 -> 实验 -> 复盘"的顺序安装。
每一步都有明确产物，也能减少一个大而全 skill 把多个阶段混在一起处理。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
pm-competitor-deconstructor |
zephyrwang6/pm-skills |
约 505 | 35 | 拆竞品，分析策略、功能、体验、增长，输出可借鉴点和差异化建议 |
SPACE-survey-designer |
zephyrwang6/pm-skills |
约 505 | 33 | 设计用户调研、满意度、NPS、市场调研问卷 |
SPACE-prioritization-engine |
zephyrwang6/pm-skills |
约 505 | 35 | 用 RICE、ICE、Kano、成本收益等方法给需求排序 |
SPACE-prd-writer |
zephyrwang6/pm-skills |
约 505 | 39 | 把模糊想法整理成可评审 PRD |
SPACE-review-board |
zephyrwang6/pm-skills |
约 505 | 37 | 模拟产品、研发、测试、设计、运营、法务多角色评审 |
SPACE-roadmap-planner |
zephyrwang6/pm-skills |
约 505 | 34 | 输出版本路线图、里程碑、依赖、风险和缓冲策略 |
tracking-spec-writer |
zephyrwang6/pm-skills |
约 505 | 34 | 设计埋点事件、字段、触发时机、指标口径和 QA 清单 |
SPACE-analytics |
zephyrwang6/pm-skills |
约 505 | 36 | 分析留存、漏斗、转化、分群、指标波动，并输出产品建议 |
SPACE-experiment-designer |
zephyrwang6/pm-skills |
约 505 | 33 | 设计 A/B 实验，包含假设、分组、样本量、止损规则、判定规则 |
pm-postmortem-writer |
zephyrwang6/pm-skills |
约 505 | 35 | 生成上线复盘、事故复盘、行动项和 owner |
安装命令：
powershell
npx skills add zephyrwang6/pm-skills -g -y --agent codex --skill pm-competitor-deconstructor --skill SPACE-survey-designer --skill SPACE-prioritization-engine --skill SPACE-prd-writer --skill SPACE-review-board --skill SPACE-roadmap-planner --skill tracking-spec-writer --skill SPACE-analytics --skill SPACE-experiment-designer --skill pm-postmortem-writer这里不默认安装 space-image2proto、image2pencil、web-prototype。
它们属于原型/设计稿类能力。
等明确要做原型或 Pencil 设计稿时，再单独安装更清楚。
2.2 UI/UX、截图还原、页面验收
这一组解决页面从设计到实现再到验收的问题。
截图还原默认只保留一条主链：
text
image-to-ui-skill：把截图拆成代码实现区和图片资产区
ui-ux-pro-max：负责视觉、交互和响应式质量
web-design-guidelines：审查页面体验细节
accessibility-compliance：补齐无障碍要求不要同时默认安装 space-image2proto、screenshot-to-code、frontend-design 去处理同一个截图还原任务。
否则容易在"原型、页面代码、视觉设计"之间重复触发。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
ui-ux-pro-max |
nextlevelbuilder/ui-ux-pro-max-skill |
72,079 | 137,949 | UI/UX 总控能力，覆盖页面结构、视觉风格、交互、移动端、图表、可访问性 |
image-to-ui-skill |
zhu-guli326/image2_UI_skill |
4 | 未收录 | 把 UI 截图、设计稿、图片拆成可实现的前端代码和图片资产 |
web-design-guidelines |
vercel-labs/agent-skills |
25,897 | 284,942 | 审查 Web UI 的布局、交互、可用性和体验细节 |
accessibility-compliance |
wshobson/agents |
34,505 | 7,829 | 实现 WCAG、ARIA、键盘导航、对比度和移动端无障碍 |
安装命令：
powershell
npx skills add nextlevelbuilder/ui-ux-pro-max-skill -g -y --agent codex --full-depth --skill ui-ux-pro-max
npx skills add zhu-guli326/image2_UI_skill -g -y --agent codex
npx skills add vercel-labs/agent-skills -g -y --agent codex --skill web-design-guidelines
npx skills add wshobson/agents -g -y --agent codex --full-depth --skill accessibility-compliance截图还原页面时，推荐让 AI 按这个顺序工作：
text
截图分析
-> 区分代码实现区域和图片资产
-> 生成真实页面
-> 浏览器截图
-> 和原图对比差异
-> 修正必须修的问题2.3 API、数据、架构、发布方案
这一组负责项目能不能长期演进。它们解决的不是"代码能不能跑"，而是接口契约、架构决策、数据库变更、发布流程是否稳。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
api-design-principles |
wshobson/agents |
34,505 | 19,018 | REST / GraphQL API 设计、分页、错误响应、版本策略 |
openapi-spec-generation |
wshobson/agents |
34,505 | 9,665 | 生成和维护 OpenAPI 3.1 契约 |
database-migration |
wshobson/agents |
34,505 | 10,507 | 数据库迁移、回滚、零停机变更、数据转换 |
architecture-decision-records |
wshobson/agents |
34,505 | 7,389 | 输出 ADR，记录技术选型、备选方案、取舍和后果 |
documentation-lookup |
affaan-m/everything-claude-code |
169,781 | 2,281 | 查询最新官方文档，避免 AI 用过时 API |
deployment-pipeline-design |
wshobson/agents |
34,505 | 6,728 | 设计 CI/CD、审批、灰度、回滚和发布门禁 |
安装命令：
powershell
npx skills add wshobson/agents -g -y --agent codex --full-depth --skill api-design-principles --skill openapi-spec-generation --skill database-migration --skill architecture-decision-records --skill deployment-pipeline-design
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill documentation-lookup2.4 测试、审查、安全、性能、上线观察
这一组是交付质量闸门。没有这组，AI 很容易"写完了"，但没有证据证明项目真的能用。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
tdd |
mattpocock/skills |
40,719 | 25,874 | 用红绿重构方式开发功能和修 bug |
e2e-testing-patterns |
wshobson/agents |
34,505 | 14,114 | 设计 Playwright / Cypress 端到端测试 |
webapp-testing |
anthropics/skills |
125,817 | 57,618 | 本地 Web 应用浏览器测试、截图、DOM 检查 |
browser-qa |
affaan-m/everything-claude-code |
169,781 | 1,672 | 部署后做浏览器 QA 和视觉/交互验证 |
code-review-excellence |
wshobson/agents |
34,505 | 14,442 | 系统化代码审查，发现 bug、可维护性问题和测试缺口 |
differential-review |
trailofbits/skills |
4,876 | 2,498 | 针对 git diff 做安全和回归审查 |
security-review |
getsentry/skills |
约 647 | 4,051 | 审查注入、鉴权、敏感信息、依赖、配置等安全风险 |
performance |
addyosmani/web-quality-skills |
约 1,830 | 10,894 | 优化加载速度、Core Web Vitals、资源体积 |
seo |
addyosmani/web-quality-skills |
约 1,830 | 19,653 | 优化 meta、结构化数据、sitemap、搜索可见性 |
verification-loop |
affaan-m/everything-claude-code |
169,781 | 3,034 | build、typecheck、lint、test、security、diff review 总验证 |
canary-watch |
affaan-m/everything-claude-code |
169,781 | 1,526 | 上线后持续观察回归和异常 |
安装命令：
powershell
npx skills add mattpocock/skills -g -y --agent codex --full-depth --skill tdd
npx skills add wshobson/agents -g -y --agent codex --full-depth --skill e2e-testing-patterns --skill code-review-excellence
npx skills add anthropics/skills -g -y --agent codex --skill webapp-testing
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill browser-qa --skill verification-loop --skill canary-watch
npx skills add trailofbits/skills -g -y --agent codex --full-depth --skill differential-review
npx skills add getsentry/skills -g -y --agent codex --skill security-review
npx skills add addyosmani/web-quality-skills -g -y --agent codex --skill performance --skill seo2.5 文档、提交、真实执行记录
这一组让项目可交接、可追踪、可复盘。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
documentation-writer |
github/awesome-copilot |
31,599 | 16,136 | 写 README、使用说明、维护文档、交付文档 |
git-commit |
github/awesome-copilot |
31,599 | 27,386 | 生成 conventional commit，整理提交信息 |
terminal-ops |
affaan-m/everything-claude-code |
169,781 | 1,148 | 让 AI 区分已检查、已修改、已验证、已提交、已推送 |
find-skills |
vercel-labs/skills |
约 16,454 | 1,252,796 | 在新领域搜索、验证、安装 skill |
安装命令：
powershell
npx skills add github/awesome-copilot -g -y --agent codex --skill documentation-writer --skill git-commit
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill terminal-ops
npx skills add vercel-labs/skills -g -y --agent codex --skill find-skills三、技术栈增强层
通用核心层装完后，再按项目技术栈追加。
3.1 Java / Spring Boot
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
java-springboot |
github/awesome-copilot |
31,599 | 13,205 | Spring Boot 主位最佳实践 |
spring-boot-engineer |
jeffallan/claude-skills |
约 8,648 | 5,269 | Spring Boot 3、Java 17+、微服务、测试、可观测性 |
java-coding-standards |
affaan-m/everything-claude-code |
169,781 | 3,853 | Java 命名、异常、Optional、泛型、项目结构 |
springboot-patterns |
affaan-m/everything-claude-code |
169,781 | 4,800 | Spring Boot 分层、Controller、Service、Repository、生产默认项 |
springboot-security |
affaan-m/everything-claude-code |
169,781 | 3,784 | Spring Security、JWT、CSRF、密钥、输入校验 |
springboot-tdd |
affaan-m/everything-claude-code |
169,781 | 3,509 | Spring Boot TDD、MockMvc、Testcontainers、JaCoCo |
springboot-verification |
affaan-m/everything-claude-code |
169,781 | 2,959 | Spring 项目 build、测试覆盖、安全扫描、发布前验证 |
jpa-patterns |
affaan-m/everything-claude-code |
169,781 | 3,302 | JPA / Hibernate 实体、关系、事务、N+1、分页 |
java-junit |
github/awesome-copilot |
31,599 | 9,362 | JUnit 5 单元测试最佳实践 |
mysql |
planetscale/database-skills |
约 404 | 3,095 | MySQL / InnoDB 表结构、索引、事务、锁、慢查询 |
redis-development |
redis/agent-skills |
约 46 | 2,314 | Redis 数据结构、缓存、性能优化 |
安装命令：
powershell
npx skills add github/awesome-copilot -g -y --agent codex --skill java-springboot --skill java-junit
npx skills add jeffallan/claude-skills -g -y --agent codex --skill spring-boot-engineer
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill java-coding-standards --skill springboot-patterns --skill springboot-security --skill springboot-tdd --skill springboot-verification --skill jpa-patterns
npx skills add planetscale/database-skills -g -y --agent codex --skill mysql
npx skills add redis/agent-skills -g -y --agent codex --skill redis-development3.2 React / Next.js / TypeScript
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
vercel-react-best-practices |
vercel-labs/agent-skills |
25,897 | 357,993 | React / Next 性能、数据流、渲染、bundle 优化 |
next-best-practices |
vercel-labs/next-skills |
约 841 | 74,761 | Next.js App Router、RSC、metadata、route handlers |
next-cache-components |
vercel-labs/next-skills |
约 841 | 24,495 | Next.js Cache Components、PPR、cacheTag、updateTag |
nextjs-turbopack |
affaan-m/everything-claude-code |
169,781 | 2,288 | Next 16+ 和 Turbopack 构建实践 |
typescript-advanced-types |
wshobson/agents |
34,505 | 37,381 | TypeScript 高级类型、泛型、条件类型、类型安全 |
tailwind-design-system |
wshobson/agents |
34,505 | 37,439 | Tailwind v4 token、主题、组件系统 |
shadcn |
shadcn/ui |
约 113,201 | 114,561 | shadcn/ui 组件、CLI、registry、组件组合 |
安装命令：
powershell
npx skills add vercel-labs/agent-skills -g -y --agent codex --skill vercel-react-best-practices
npx skills add vercel-labs/next-skills -g -y --agent codex --skill next-best-practices --skill next-cache-components
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill nextjs-turbopack
npx skills add wshobson/agents -g -y --agent codex --full-depth --skill typescript-advanced-types --skill tailwind-design-system
npx skills add shadcn/ui -g -y --agent codex --skill shadcn3.3 Vue / Vite / Pinia / uni-app
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
vue-best-practices |
hyf0/vue-skills |
约 2,321 | 20,434 | Vue 3 Composition API、组件边界、响应式、测试 |
vue-router-best-practices |
antfu/skills |
约 4,749 | 11,657 | Vue Router 4、导航守卫、路由参数、生命周期 |
pinia |
antfu/skills |
约 4,749 | 10,047 | Pinia store、SSR、类型安全、测试 |
vue-testing-best-practices |
antfu/skills |
约 4,749 | 10,286 | Vue Test Utils、Vitest、组件测试 |
vite |
antfu/skills |
约 4,749 | 19,806 | Vite 配置、插件、构建、SSR |
uni-app |
uni-helper/skills |
约 58 | 949 | uni-app 跨端开发、组件、API、条件编译 |
uniapp-project |
teachingai/full-stack-skills |
约 341 | 715 | uni-app 组件/API 示例、官方文档链接、平台兼容性 |
安装命令：
powershell
npx skills add hyf0/vue-skills -g -y --agent codex --skill vue-best-practices
npx skills add antfu/skills -g -y --agent codex --skill vue-router-best-practices --skill pinia --skill vue-testing-best-practices --skill vite
npx skills add uni-helper/skills -g -y --agent codex --skill uni-app
npx skills add teachingai/full-stack-skills -g -y --agent codex --skill uniapp-project3.4 微信小程序 / CloudBase
如果项目涉及微信小程序、云开发、CloudBase，再追加这一组。
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
miniprogram-development |
tencentcloudbase/skills |
约 50 | 2,620 | 微信小程序项目结构、页面、组件、tabBar、预览、上传和发布流程 |
auth-wechat-miniprogram |
tencentcloudbase/skills |
约 50 | 1,550 | 微信小程序原生身份、OPENID / UNIONID、wx.cloud 鉴权行为 |
cloudbase-document-database-in-wechat-miniprogram |
tencentcloudbase/skills |
约 50 | 1,124 | 小程序里使用 CloudBase 文档数据库，包含查询、新增、更新、删除、分页和聚合 |
cloudbase-platform |
tencentcloudbase/skills |
约 50 | 766 | CloudBase 平台能力、路由方式、控制台概念和跨平台选型 |
安装命令：
powershell
npx skills add tencentcloudbase/skills -g -y --agent codex --skill miniprogram-development --skill auth-wechat-miniprogram --skill cloudbase-document-database-in-wechat-miniprogram --skill cloudbase-platform3.5 Docker、GitHub、ECC 治理
| Skill | 来源仓库 | GitHub Stars | skills.sh 安装量 | 主要作用 |
|---|---|---|---|---|
docker-expert |
sickn33/antigravity-awesome-skills |
约 35,639 | 13,752 | Dockerfile、Compose、多阶段构建、安全加固 |
multi-stage-dockerfile |
github/awesome-copilot |
31,599 | 11,957 | 多阶段 Dockerfile 模板和最佳实践 |
gh-cli |
github/awesome-copilot |
31,599 | 19,728 | GitHub CLI、PR、Issue、Actions、release 操作 |
git-advanced-workflows |
wshobson/agents |
34,505 | 8,211 | rebase、cherry-pick、bisect、worktree、复杂 Git 协作 |
context-budget |
affaan-m/everything-claude-code |
169,781 | 2,093 | 检查上下文膨胀、skill 重复、token 消耗 |
agent-sort |
affaan-m/everything-claude-code |
169,781 | 1,183 | 按项目把 skills 分成 DAILY 和 LIBRARY |
安装命令：
powershell
npx skills add sickn33/antigravity-awesome-skills -g -y --agent codex --skill docker-expert
npx skills add github/awesome-copilot -g -y --agent codex --skill multi-stage-dockerfile --skill gh-cli
npx skills add wshobson/agents -g -y --agent codex --full-depth --skill git-advanced-workflows
npx skills add affaan-m/everything-claude-code -g -y --agent codex --skill context-budget --skill agent-sort四、从零到一怎么用
4.1 立项和需求阶段
text
请根据我的想法，先输出竞品拆解、调研问题、PRD 初稿、需求优先级和需要我确认的问题。
不要先写代码。适合触发：
text
pm-competitor-deconstructor
SPACE-survey-designer
SPACE-prd-writer
SPACE-prioritization-engine
SPACE-review-board4.2 页面和体验阶段
text
请根据 PRD 设计页面结构、交互流程、视觉风格和组件状态。
如果我提供截图，请按截图还原页面，并用浏览器截图和原图对比。适合触发：
text
ui-ux-pro-max
image-to-ui-skill
web-design-guidelines
accessibility-compliance
webapp-testing4.3 接口、数据、架构阶段
text
请先输出 API 设计原则、OpenAPI 契约、核心数据模型、数据库迁移方案和架构决策记录。
我确认后再开始实现。适合触发：
text
api-design-principles
openapi-spec-generation
database-migration
architecture-decision-records
documentation-lookup4.4 开发和交付阶段
text
请按当前技术栈实现功能，并在完成后运行 build、lint、test、浏览器验证、安全审查和 diff review。
最后输出验证报告。适合触发：
text
技术栈增强层
tdd
e2e-testing-patterns
webapp-testing
security-review
differential-review
verification-loop4.5 上线后迭代阶段
text
请根据上线数据和用户反馈，输出数据分析、A/B 实验方案、问题复盘和下一轮优化建议。适合触发：
text
SPACE-analytics
SPACE-experiment-designer
canary-watch
pm-postmortem-writer五、推荐 MCP 配套
skills 负责"怎么做"，MCP 负责"接上工具"。
| MCP / 能力 | 建议程度 | 作用 |
|---|---|---|
| Context7 | 强烈建议 | 查最新官方文档，避免 API 过期 |
| GitHub MCP | 强烈建议 | PR、Issue、Actions、release、仓库操作 |
| Playwright / Browser MCP | 强烈建议 | 浏览器测试、UI 验收、截图检查 |
| 数据库 MCP | 建议 | 数据库检查、迁移验证、查询排障 |
| Sentry MCP | 建议 | 上线后异常定位 |
| CloudBase 相关能力 | 做小程序时建议 | 小程序云开发、认证、数据库 |
六、按需扩展
这些不是不能用，而是更适合明确需要时再装。
| Skill / 方向 | 适合场景 |
|---|---|
frontend-design |
只做单页、landing page、视觉创意增强，且不使用 ui-ux-pro-max 主导 UI 时 |
screenshot-to-code |
只想快速从截图生成代码，且不安装 image-to-ui-skill 时 |
space-image2proto |
只想从截图生成 HTML 原型，不要求生产级页面时 |
image2pencil |
明确要输出 Pencil .pen 设计稿时 |
github/awesome-copilot/prd |
只需要单篇高安装量 PRD skill，且接受它先做访谈式提问时 |
product-manager-toolkit |
只想使用 PM 工具箱、RICE 脚本或访谈分析，不需要完整细分 PM 流程时 |
pencil-design |
项目使用 Pencil MCP 和 .pen 工作流时 |
search-first |
需要正式选库、选方案、查现有实现时 |
codebase-onboarding |
接手大型陌生老项目时 |
| Kafka / RabbitMQ | 明确进入消息队列架构时 |
| Kubernetes | 项目确实部署到 K8s 时 |
| Figma | 团队强依赖 Figma 设计稿交付时 |
七、维护方式
每隔一段时间检查一次：
powershell
npx skills ls -g -a codex
npx skills update -g -y如果发现同一类任务经常被多个 skill 同时命中，就把不常用的移到按需层。
如果项目已经确定是 Java + Vue，就不需要让 React / Next 的增强能力参与日常任务。
如果项目已经确定是 React / Next，就不需要让 Vue / uni-app 的增强能力参与日常任务。
个人 ECC 的质量不取决于装了多少，而取决于：
text
每个阶段有合适的 skill
每个 skill 都知道自己负责什么
每次交付都有验证证据结语
这套个人 ECC 面向的是 Java 全栈工程师的长期工作流。
它不是某个单项目的最小安装清单。
它是一套可以从想法、需求、设计、架构、开发、测试、上线、复盘一路推进的 Codex CLI skills 组合。
如果只做一个小项目，可以只装通用核心层。
如果长期做 Java 全栈、Vue / React / Next、uni-app、小程序和部署维护，可以再追加对应技术栈增强层。
最终目标很简单：
让 Codex 不只是会写代码，而是能按项目生命周期稳定推进工作。
参考来源
- skills.sh
- skills.sh CLI 文档
- vercel-labs/skills
- zephyrwang6/pm-skills
- zhu-guli326/image2_UI_skill
- nextlevelbuilder/ui-ux-pro-max-skill
- vercel-labs/agent-skills
- vercel-labs/next-skills
- wshobson/agents
- affaan-m/everything-claude-code
- anthropics/skills
- github/awesome-copilot
- mattpocock/skills
- trailofbits/skills
- getsentry/skills
- addyosmani/web-quality-skills
- jeffallan/claude-skills
- shadcn/ui
- sickn33/antigravity-awesome-skills
- onewave-ai/claude-skills
- antfu/skills
- hyf0/vue-skills
- uni-helper/skills
- teachingai/full-stack-skills
- tencentcloudbase/skills
- planetscale/database-skills
- redis/agent-skills