cover

Codex 必装的 7 个 Skill，保姆级安装+使用教程（从 0 到 1 上手）

装完 Codex 之后第一件事该干什么？装 Skill。

Skill 是解锁 Codex 完整能力的关键——装对了，它从一个"能写代码的助手"变成"能帮你干完整条流水线的工作搭子"。这篇就按"先装会、再挑好的、最后看实战"的顺序，把 Codex Skill 从 0 到 1 讲明白。

一、先学会装 Skill：通用三步法

不管哪个 Skill，装法都差不多，核心就三步：

装完立刻测一句基础的调用指令，确认 Skill 正常响应再投入实际使用。

个别 Skill 有更省事的装法：比如 Remotion 可以直接在插件市场搜名字一键安装；Find Skills 可以复制 GitHub 地址或 skill.sh 里的安装命令交给 Codex 执行，重启后生效。

Skill 大致分两类：基础功能型（解决具体问题）和专业框架型（懂整条工作流）。

1. Skill Creator（工作流复制机） 给 Codex 演示一遍你的标准流程，下次同类任务它就能直接照着做——相当于把一种工作方法"克隆"给了 AI。

2. Anything（深度调研最强大脑） 接入垂直信息源，能帮你找最新的大模型推理论文、说明文献之间的关系，还能整理成教研文档。搞研究、写综述巨好用。

3. Superpowers（思考自动器） 让 AI 先理解需求、拆解任务、制定计划、逻辑验证，再动手执行——避免它上来就乱写。属于"地基型"Skill，几乎所有任务都受益。

4. Find Skills（智能检索） 输入 /find skill + 关键词，Codex 自动爬取 skill.sh 网站，按安装量和来源可靠性排序给你推荐合适的 Skill。想发现新技能，先装它。

5. Test Scale（审美强化） 专注视觉升维：消除模板感、重构色彩体系、优化排版节奏、注入设计质感。做前端、做页面嫌"丑"的，交给它。

6. Remotion（动画引擎） 用 React + TS 写 HTML 文件实时渲染动画。Codex 调用后直接输出可运行的前端代码，一行命令启动本地预览。做动态效果、产品演示、解释性动画非常强。

7. Frontend Design（页面生成） 专注功能实现与架构，能生成结构清晰、交互可用、响应式适配的完整页面。基础款万能前端搭子。

场景一：做动画 视频里 90% 的动态效果（卡片入场、文字逐字浮现、转场切换、矢量图形变形）都可以用 Remotion 生成。输入一句"@remotion 做一个解释 Codex 工作原理的动画"，它直接给你完整动效页。

场景二：模糊需求做网页 同样是"做个页面精美的网页"：

场景三：从"能用"到"惊艳" 先用 Frontend Design 生成基础页面（比如一个健身房落地页：Banner/课程/教练/预约），再调用 Test Scale 美化——色阶更和谐、留白更呼吸、字体层级更明确。两个 Skill 配合，一键完成"能用 → 惊艳"的跃迁。

组合使用比单点强：比如 Frontend Design + Test Scale 的协同，能把功能到视觉全包了
按场景选 Skill：动画生成用 Remotion，编程开发用 Superpowers，页面设计用 Frontend Design + Test Scale
好 Skill 才是好 Skill：能解决问题的 Skill 才值得装——用 Find Skills 按需检索，不盲目堆数量

装 Skill 的事，本质是把你自己摸索过的方法论，复制一份给 AI。省的是 token、是时间、是返工。装完 Codex 第一件事，就是部署一批"哇塞级"Skill，后面所有操作都基于它们展开，效率完全不在一个量级。

相关资源：