Codex高阶功能:引导、注释、压缩、分叉、Skill与插件全解析
摘要:本文讲解Codex的六大进阶功能:引导、预览注释、上下文压缩、对话分叉、Skill技能和插件。通过习惯打卡工具的持续优化,结合实操演示,讲解如何在任务执行过程中实时干预、精准调整UI、管理对话记忆、隔离分支探讨、让AI在特定领域更专业,以及连接外部服务完成项目部署。
目录
- 引导:在任务执行中实时纠正方向
- 预览注释:精准修改页面样式
- 上下文与压缩:管理AI的记忆
- 分叉:隔离对话分支避免主线被打断
- Skill:让AI在特定领域更专业
- 插件:连接外部服务完成项目落地
- 参考资源
1. 引导:在任务执行中实时纠正方向
1.1 功能场景
给AI下达指令后,AI开始执行任务,但做到一半你发现方向不太对,或者想起来还有个要求忘了说。此时不必等AI做完再返工,可以使用引导功能把新要求插入到当前正在执行的任务里,让AI当场调整方向。
1.2 操作方式
- 在输入框中补充新要求
- 点击右侧的引导按钮(而非直接发送)
- 新要求会插入到当前任务流中,AI会实时调整方向
直接发送只会把新要求排进队列,等当前任务完成后才会处理。引导按钮可以打断当前执行,即时介入。
1.3 使用示例
以一个每日习惯打卡工具为例,让Codex在顶部添加本周完成情况的统计。中途想到进度条比数字更直观,可以直接用引导功能补充新要求,Codex最终把统计做成了进度条形式,并自行添加了多个习惯用于测试。
2. 预览注释:精准修改页面样式
2.1 功能背景
做样式调整时,用文字描述很难说清楚页面上具体哪个位置,比如觉得卡片阴影不够明显、标题和下方距离太近。Codex很难精准定位,只能靠猜。
2.2 基本操作流程
- 在预览窗口点击上方的注释图标,开启注释模式
- 光标移动到预览页面上,Codex会自动框出不同元素区域
- 点击选中目标元素,旁边出现输入框,写下修改要求
- 直接回车发送,或按Command+Enter(Ctrl+Enter)将注释添加到输入框暂存
- 多条注释积累后一并发送
2.3 高级样式调整
点选页面元素后,旁边会出现设置小图标。点击后可以直接调整内容、颜色、背景、透明度、字体、字号、布局、对齐间距等细节,页面上会实时显示预览效果。确认后点右下角的勾,添加成一条注释。
💡:对于区域样式调整(如卡片宽度、内边距、输入框样式),同样可以用注释模式点选后直接调整。
2.4 两种美化方式的互补
上传参考图适合整体风格定调,预览注释适合对已有页面进行精细化微调。两者互补,可结合使用。
3. 上下文与压缩:管理AI的记忆
3.1 上下文概念
上下文可以理解为Codex的记忆,一整段对话里说过的话、做过的事都会放在这个记忆里。但记忆有容量上限,对话越长占用的上下文越多。
3.2 查看上下文用量
在设置中勾选Show context window usage后,输入框底部会显示上下文用量百分比。
3.3 压缩机制
当上下文快装满时,Codex会自动压缩,把早期对话内容整理成精炼摘要,腾出空间。
手动触发压缩的两种方式:
- 输入斜杠,在弹出的菜单中点击压缩
- 直接在输入框中输入
/compact或/压缩
压缩可能丢失部分细节。如果对话中有特别重要的要求,压缩后最好再跟Codex确认一下。
4. 分叉:隔离对话分支避免主线被打断
4.1 功能场景
如果你正在一条对话里专心做功能开发,突然冒出其他想法想岔开问一下,但又不想打断当前对话主线。此时可以用分叉创建一条新的对话副本,在新副本里探讨其他问题,原对话保持不变。
4.2 操作方式
在Codex回复下方点击分叉,弹出窗口有两个选项:
| 选项 | 说明 | 适用场景 |
|---|---|---|
| 派生到本地 | 复制对话,仍在原项目文件夹操作 | 只想问问思路,不打算立刻改代码 |
| 派生到新工作区 | 为新对话单独开出一个独立工作区 | 打算实际尝试,且不希望影响原代码 |
4.3 使用效果
在当前对话中问登录功能的实现思路,分叉出新对话线探讨,原对话停在之前的位置不受影响。探索完后切回原对话继续做正事。
派生到本地复制的是对话,不是项目文件。新对话线操作的仍是同一个项目文件夹。
5. Skill:让AI在特定领域更专业
5.1 Skill的概念
Skill是一份给AI看的专业秘籍,某个领域的专家把自己做事的经验整理成文档,里面写清楚应该怎么做、避开什么坑、按照什么流程来做。Codex干活前先读一遍,在该领域的输出质量会明显提升。
Skill的结构:
- 文件夹形式,核心文件是
skill.md - 上方(两组三横线之间):自我介绍,包含名称和用途描述
- 下方:具体规则和流程
Skill的高级特性:
- 可搭配脚本、模板文件、参考资料一起使用
- 写周报时可同时配套
周报模板.md和算周数.py - 按需加载机制:平时只读简介,判断需要时才加载正文和配套文件,不占用上下文空间
5.2 安装Skill
以skillfrontend-design为例:
- 在输入框中输入
.skill-installer(使用点号主动点名) - Codex开始安装,过程中可能请求联网或运行命令的权限
- 安装完成后重启Codex,在左侧插件页面的技能标签页中确认已安装
5.3 使用Skill
方式一:主动点名。在输入框中输入/,从列表中选择对应的Skill,然后跟上提示词。
方式二:自动判断。Codex根据Skill的自我介绍判断是否适用。例如说帮我把这个页面再调得好看一些,Codex可能自动判断出需要调用前端设计相关的Skill。
6. 插件:连接外部服务完成项目落地
6.1 插件的组成
插件将多种能力打包在一起,可直接安装使用:
| 组成部分 | 说明 |
|---|---|
| Skill | 专业知识和做法 |
| 应用集成 | 已接好的具体工具 |
| MCP | AI与外部工具连接的标准化方式 |
6.2 使用示例:通过Netlify部署网站
- 点击左侧菜单栏的插件,打开插件市场
- 搜索Netlify,点击加号安装
- 安装完成后,Codex会打开Netlify登录授权页面
- 登录Netlify账号并授权(没有账号可先注册)
- 授权完成后,直接发送部署需求
- Codex通过Netlify插件完成部署,给出可访问的网址
💡默认网址前缀可自定义修改。部署完成后,本地项目变成任何人通过网址都能访问的网页。
7. 参考资源
- 本文基于B站视频@林粒粒呀《零基础Codex上手速通教程【进阶篇】》撰写,由音视频转录工具Ai好记进行辅助创作,根据Ai好记生成的精华速览、思维导图梳理文章结构,补充、确认具体步骤。如果你也想把复杂的教程视频转为图文笔记进行学习,推荐试试这个工具~
如有问题欢迎评论区交流。如果本文对你有帮助,点赞、收藏、转发支持~
