Codex Guide for Creators

把 Codex 变成你的内容创作工作台

这不是一份“插件百科”,而是一份面向新手创作者的实操指南:从正确描述任务、沉淀项目规则,到使用 Skills 和插件完成资料收集、动画视频、数字人口播与发布展示。

核心原则:不要把 Codex 当成许愿机。它更像一个协作伙伴,需要你给出目标、上下文、限制、步骤和验收标准。指令越清楚,执行越稳定。
01先说清楚任务
02让它先计划再动手
03把高频流程做成模板
04用插件连接创作工具
Part 01

先理解:为什么 Codex 会“乱做”?

大多数问题不是模型不会,而是任务描述太模糊。尤其是做网页、做资料、做视频时,如果没有边界和验收标准,Codex 很容易自行发挥。

01

模糊指令

这类说法看起来简单,但没有目标、上下文和约束,结果很容易不可控。

  • 帮我做个网站。
  • 帮我优化一下项目。
  • 帮我做个视频。
  • 帮我修复所有问题。

可执行指令

好的指令会告诉 Codex:做什么、看哪里、不能做什么、先做哪一步、怎么检查。

  • 先阅读项目结构,不要直接改文件。
  • 列出你准备修改的文件和原因。
  • 不要删除、移动、重命名已有文件。
  • 做完后给出本地检查步骤。
🎯
目标 我要得到什么结果
📚
上下文 请先看哪些文件/资料
🚧
限制 哪些不能乱动
🧭
步骤 先计划,再执行
验收 做完怎么检查
Part 02

一键复制提示词:先让 Codex 按流程工作

这些模板不是为了让你背下来,而是让你每次开工前有一个稳定起点。复制后把括号里的内容替换成自己的任务即可。

02
Codex 通用启动提示词
你现在是我的项目协作助手。

在开始执行之前,请先按以下流程工作:

1. 先阅读当前项目结构或我提供的资料。
2. 不要立刻修改文件,先输出你的理解和执行计划。
3. 如果任务不清楚,先问我问题,不要自己猜。
4. 修改前请说明你准备改哪些文件、为什么要改。
5. 不要随意删除、重命名、移动文件。
6. 不要随意安装新依赖,确实需要时先说明原因。
7. 每完成一步,请告诉我改了什么、下一步是什么。
8. 最后请给我一个检查清单,告诉我怎么确认结果是否正常。
做网页/资料页提示词
我要做一个【填写你的网页目标】。

请你先不要直接写代码,先完成以下步骤:

1. 确认页面目标、阅读对象和核心功能。
2. 规划页面结构,包括顶部、正文、卡片、按钮、提示词区域、底部说明。
3. 说明建议使用哪些文件,以及每个文件负责什么。
4. 先输出设计方案和开发步骤,等我确认后再执行。
5. 页面要适合小白阅读,信息层级清晰。
6. 所有可复制内容需要做成独立代码块,并提供复制按钮。
7. 做完后请告诉我如何本地打开、如何检查、常见问题怎么排查。
修复问题提示词
我现在遇到了一个项目问题:【描述问题】。

请你先不要直接修改文件,请按这个流程来:

1. 先复述你理解的问题。
2. 找出可能相关的文件或配置。
3. 分析最可能的 3 个原因。
4. 告诉我你准备优先检查哪一个原因。
5. 修改前先说明改动方案。
6. 每次只改一小步,不要大面积重构。
7. 修改后请告诉我如何验证问题是否解决。
8. 如果没有解决,请保留排查记录,不要重复乱试。
资料转短视频提示词
请把下面这些资料整理成一条适合短视频口播的内容。

要求:
1. 受众是 AI 小白或普通创作者。
2. 不要堆专业词,复杂概念要翻译成大白话。
3. 开头 3 秒要有痛点、反差或好奇点。
4. 内容要像真实踩坑分享,不要像说明书。
5. 每句话尽量短,适合口播和字幕展示。
6. 避免容易引起误解的夸张承诺。

请输出:
- 视频标题
- 开头钩子 3 个
- 30 秒口播文案
- 60 秒口播文案
- 封面大字
- 评论区引导语
- 可继续延展的 3 个选题
Part 03

AGENTS.md:给 Codex 写一份项目说明书

提示词是临时指令,AGENTS.md 是长期规则。把项目说明、工作方式、限制条件和验收标准写进去,Codex 后续更容易按你的规矩做事。

03

适合写进去的内容

  • 这个项目是做什么的。
  • 主要文件分别负责什么。
  • 修改前需要先计划。
  • 哪些文件不能乱动。
  • 完成后必须怎么检查。

适合什么项目?

HTML 资料页、网页小工具、视频模板、提示词库、Skills 模板库、个人作品集、小型 SaaS demo 都适合写 AGENTS.md。

AGENTS.md 小白模板
# AGENTS.md

## 项目说明

这是一个给 AI 小白使用的内容创作资料项目。
目标是简单、清晰、容易修改,不追求复杂架构。

## 工作规则

- 不要一上来就修改文件。
- 先阅读项目结构,再输出计划。
- 修改前说明要改哪些文件,以及为什么要改。
- 不要随意删除、移动、重命名文件。
- 不要随意安装新依赖,确实需要时先说明原因。
- 每次只处理当前任务,不要扩展到无关功能。

## 文件说明

- index.html:页面主体结构
- style.css:页面样式
- script.js:页面交互
- assets/:图片、图标、视频等素材

## 内容风格

- 面向小白,少用专业术语。
- 信息要分层,方便复制和执行。
- 重要提示词要放入代码块。
- 每个可复用模板都要有使用说明。

## 完成标准

完成任务后请检查:

- 页面能否正常打开
- 样式是否错乱
- 按钮是否能点击
- 复制功能是否正常
- 手机和窄窗口下导航是否可见
- 控制台是否有明显报错
- 是否影响了原有功能
Part 04

Skills:把高频流程变成可复用技能

如果一段提示词你每周都要用,就应该把它沉淀成 Skill。对创作者来说,Skill 不只是写代码,它更像固定工作流程。

04

资料整理 Skill

把网页、截图、文字资料整理成摘要、表格、选题和视频角度。

资料收集选题库

短视频分镜 Skill

把口播拆成镜头、字幕、画面设计、素材清单和动画建议。

分镜剪辑

图生视频提示词 Skill

根据图片和文案输出适合视频生成工具使用的提示词和负面词。

视频提示词角色一致
短视频分镜 Skill 模板
---
name: short-video-storyboard
description: 当用户有一段口播文案,需要拆成短视频分镜、画面提示词、剪辑节奏时使用。
---

# 短视频分镜 Skill

你需要把用户提供的口播文案,整理成适合 AI 生图、图生视频和剪映剪辑的制作方案。

输出格式:

## 1. 视频定位
- 平台:
- 受众:
- 情绪:
- 风格:

## 2. 分镜表
每个镜头都要包含:
- 时间段
- 口播内容
- 画面内容
- 镜头运动
- 人物动作
- 字幕重点
- AI 生图提示词
- AI 图生视频提示词

## 3. 素材清单
- 需要生成的图片
- 需要生成的视频
- 需要的音效
- 需要的字幕样式
- 需要的转场

## 4. 剪映制作建议
- 字幕怎么放
- 节奏怎么切
- 哪些地方加音效
- 哪些地方加推进/缩放
图生视频提示词 Skill 模板
---
name: image-to-video-prompt
description: 当用户需要把一张图片变成 AI 视频提示词时使用,重点保持人物一致、镜头稳定、动作自然。
---

# 图生视频提示词 Skill

请根据用户提供的图片和视频目标,输出适合图生视频工具使用的提示词。

要求:

1. 保持人物、服装、发型、场景一致。
2. 动作要简单,不要复杂变形。
3. 镜头运动要稳定,比如轻微推进、轻微环绕、轻微摇镜。
4. 不要频繁切换场景。
5. 不要让画面主体突然变化。
6. 输出正向提示词和负面提示词。

输出格式:

## 正向提示词
……

## 负面提示词
人物变形、五官漂移、手指错误、文字乱码、场景突变、镜头剧烈晃动、画面闪烁、低清晰度、过度变形。
Part 05

插件详解:按创作者工作流来选择

插件不是越多越好。先按你的真实流程选:资料收集、视觉模板、动画视频、数字人口播、项目保存、网页发布。

05
Chrome资料收集
Figma视觉模板
HyperFrames动画视频
HeyGen数字人口播
GitHub模板沉淀
Cloudflare网页发布
C

Chrome

Control Chrome with Codex · 资料收集和网页检查

推荐指数 ★★★★★

一句话解释

让 Codex 辅助查看网页、整理页面信息、分析工具官网、检查自己做的 HTML 页面。

适合做什么

  • 收集工具资料和竞品信息
  • 整理网页重点和链接
  • 检查网页排版、按钮、交互
  • 把资料转成视频选题

不适合做什么

它不是视频生成器,也不是自动剪辑工具。它主要负责“看网页”和“整理网页”。

使用前准备

准备好要分析的网页、官网、资料页或自己的 HTML 页面,并明确你要提取什么信息。

打开网页先打开需要分析的页面,比如工具官网、教程页、竞品页面。
说明任务告诉 Codex 你要提取功能、价格、亮点、用户痛点还是视频选题。
整理输出让 Codex 输出摘要、表格、视频角度或资料页内容。
二次加工再让 Codex 生成口播文案、封面标题或分镜。
Chrome 插件提示词
请帮我分析当前网页内容。

请重点提取:
1. 这个工具/页面主要解决什么问题
2. 它适合什么人使用
3. 有哪些核心功能
4. 对小白来说最重要的信息是什么
5. 可以整理成短视频文案的角度有哪些
6. 哪些信息适合放进资料页

请最后输出:
- 资料摘要
- 小白解释版
- 功能要点表格
- 可用于视频的 3 个选题
- 适合放进资料页的要点
F

Figma

Design-to-code workflows · 视觉模板和设计稿转网页

推荐指数 ★★★★☆

一句话解释

让 Codex 理解 Figma 设计稿,辅助生成页面结构、组件、样式和前端开发说明。

适合做什么

  • 封面模板和资料页设计
  • 视频分镜画面草图
  • 网页布局转 HTML/CSS
  • 视觉系统沉淀

不适合做什么

它不是一键设计神器。如果设计稿本身很乱,转换出来也容易乱。先整理设计层级再使用。

使用前准备

准备好设计稿、分组层级、颜色规范和页面目标。最好给关键模块命名。

准备设计稿先在 Figma 中整理页面或封面模板。
让 Codex 分析提取布局、颜色、字体、间距和模块层级。
生成开发说明把设计转换成 Codex 可执行的网页开发任务。
人工校对设计还原度需要人工检查,不要完全放手。
Figma 插件提示词
请根据当前 Figma 设计稿,帮我整理成适合前端开发的页面结构。

要求:
1. 先分析页面的整体布局
2. 说明有哪些主要模块
3. 提取颜色、字体、间距和视觉风格
4. 转换成 HTML/CSS 结构建议
5. 不要随意改变设计层级
6. 说明哪些地方需要人工确认
7. 输出适合 Codex 开发的任务说明

请输出:
- 页面结构
- 视觉规范
- 组件拆分
- 开发步骤
- 注意事项
H

HyperFrames by HeyGen

Write HTML, render video · 代码动画视频重点插件

推荐指数 ★★★★★
这是本指南最值得创作者关注的插件。它更适合做“信息动画视频”,不是写实人物视频。

一句话解释

Codex 负责编写 HTML、CSS、JS 动画页面,HyperFrames 负责把动画页面渲染成视频。

适合做什么

  • 知识卡片动画
  • 教程流程动画
  • AI 工具介绍视频
  • 字幕动效视频
  • 数据榜单和概念解释

不适合做什么

不适合电影级复杂动画、写实人物动作、强依赖真实口型的视频。那类更适合数字人或图生视频工具。

使用前准备

准备口播文案、视频比例、每屏字幕、风格参考和时长。越像“分镜表”,生成越稳定。

准备文案先准备 30-60 秒口播,句子尽量短。
拆成分镜让 Codex 拆成 5-8 个镜头,每个镜头一个核心信息。
设计画面确定卡片、图标、字幕、进度线、转场方式。
生成动画让 Codex 写 HTML/CSS/JS 动画。
渲染视频用 HyperFrames 渲染成视频,检查比例和节奏。
剪映精修导入剪映后加配音、音效、封面和字幕校正。
HyperFrames 动画视频提示词
请把下面这段口播文案,整理成适合 HyperFrames 制作的动画视频方案。

要求:
1. 视频比例为 9:16,适合短视频平台
2. 整体风格简洁、高级、偏 Claude 风格
3. 使用米白背景、深色文字、橙色重点色
4. 把文案拆成 5-8 个镜头
5. 每个镜头都要有明确的画面内容
6. 字幕要短,适合手机阅读
7. 动画不要复杂,优先使用卡片滑入、文字浮现、轻微缩放、进度线等稳定动效
8. 最后输出可以交给 Codex 编写 HTML 动画的开发说明

请输出:
- 视频标题
- 分镜表
- 每屏字幕
- 画面设计说明
- 动画方式
- 素材清单
- HTML 开发要求
- 需要人工检查的地方
HG

HeyGen

Avatar videos · 数字人口播和个性化视频

推荐指数 ★★★★☆

一句话解释

适合用 AI 数字人讲解内容,尤其适合课程介绍、工具说明、产品介绍和销售视频。

适合做什么

  • 数字人口播视频
  • 课程和工具讲解
  • 产品介绍与销售视频
  • 多语言讲解和个性化消息

不适合做什么

不适合做大量信息卡片动效。那类更适合 HyperFrames。HeyGen 的重点是“人出来讲”。

使用前准备

准备数字人口播稿、角色、语气、停顿位置和字幕分段。文案一定要口语化。

简单区分:HyperFrames 更适合“动画信息视频”;HeyGen 更适合“数字人口播视频”。两者可以混合使用。

整理口播稿让 Codex 把资料改成自然口语。
分段和停顿每句话不要太长,重要观点单独成句。
生成数字人选择头像、语音、语速和情绪。
后期合成用剪映加字幕、背景、贴纸、卡片动画。
HeyGen 数字人口播提示词
请把下面这段文案,改成适合 HeyGen 数字人口播的视频稿。

要求:
1. 每句话不要太长
2. 语气自然,像真人分享经验
3. 保留重点信息,但不要太书面
4. 重要观点单独成句,方便停顿
5. 适合 30-60 秒视频
6. 不要堆太多专业词
7. 最后输出字幕分段

请输出:
- 数字人口播稿
- 字幕分段
- 情绪提示
- 镜头建议
- 剪映后期建议
G

GitHub

Triage PRs, issues, CI, and publish flows · 保存模板和项目

推荐指数 ★★★☆☆

一句话解释

对创作者来说,GitHub 可以理解成自己的“模板仓库”和“项目备份库”。

适合保存什么

  • 固定提示词
  • AGENTS.md 模板
  • Skills 模板
  • HTML 资料页
  • HyperFrames 视频模板

不适合谁

如果你只是偶尔做一条视频,还不需要一开始就学 GitHub。先把本地文件夹整理好也可以。

使用前准备

注册账号、创建仓库、理解“保存版本”的概念。复杂命令可以交给 Codex 辅助。

建模板仓库比如 codex-creator-templates。
分类保存prompts、skills、html-pages、video-templates 分文件夹。
持续更新每次优化提示词和页面,都保存一个版本。
复用模板下次直接让 Codex 基于旧模板修改。
CF

Cloudflare

Platform guidance with official MCP · 发布网页和资料页

推荐指数 ★★★★☆

一句话解释

把 Codex 做出来的 HTML 资料页、小工具、作品展示页发布到线上,方便分享和交付。

适合做什么

  • 发布资料领取页
  • 发布工具入口
  • 发布作品展示页
  • 发布客户演示页

不适合做什么

它不是视频制作工具。如果你只做口播视频,不一定第一优先级使用。

使用前准备

准备已经本地检查通过的 HTML 页面,确认没有隐私信息、API Key 或敏感资料。

生成页面让 Codex 做好单页 HTML。
本地检查检查样式、按钮、复制功能和移动端适配。
发布上线用 Cloudflare 发布成在线链接。
分享交付用于资料领取、客户演示、作品展示。
Part 06

一条视频从 0 到 1:Codex 工作流

Codex 不一定直接生成最终视频,但它可以成为“内容导演”:负责资料、结构、文案、分镜、提示词、动画代码和剪辑脚本。

06

工作流 A:资料 → 口播

  • 用 Chrome 收集工具官网、竞品和参考资料。
  • 让 Codex 提炼小白痛点和传播角度。
  • 生成 30 秒/60 秒口播、标题和封面文案。
  • 把最终文案放入模板库,方便复用。

工作流 B:口播 → 动画视频

  • 把口播交给短视频分镜 Skill。
  • 生成每屏字幕、画面结构和动画方式。
  • 用 HyperFrames 生成 HTML 动画视频。
  • 导入剪映做配音、音效和字幕校正。

工作流 C:口播 → 数字人

  • 把文案改成短句、口语化表达。
  • 用 HeyGen 生成数字人口播。
  • 用 Codex 生成剪映后期脚本。
  • 补充卡片、封面和评论区引导。

工作流 D:动画 + 数字人混合

  • HeyGen 负责人物讲解。
  • HyperFrames 负责知识卡片和流程动画。
  • 剪映负责合成、字幕、节奏和音效。
  • 适合教程、工具介绍、避坑复盘。
剪映辅助提示词
请根据下面的视频文案和分镜,帮我生成剪映后期制作脚本。

要求:
1. 按时间线输出
2. 标明每段字幕内容
3. 标明哪里需要放大、推进、停顿或转场
4. 标明哪里适合加音效
5. 标明哪些地方适合插入知识卡片动画
6. 输出封面标题和发布标题
7. 输出评论区引导语

请输出:
- 时间线剪辑表
- 字幕分段
- 音效建议
- 转场建议
- 封面文案
- 发布标题
- 评论区引导
Part 07

模板库:建议长期沉淀的内容

做内容最怕每次从零开始。把提示词、Skills、插件流程、视频模板都保存下来,后面效率会越来越高。

07
模板类型 建议内容 保存位置 复用方式
提示词模板 启动、修复、资料整理、口播、分镜、剪辑脚本 本地 Markdown / GitHub 每次开工直接复制并替换变量
AGENTS.md 项目规则、文件说明、限制条件、验收标准 每个项目根目录 让 Codex 长期按同一套规则工作
Skills 资料整理、短视频分镜、图生视频、剪映辅助 skills 文件夹 / 模板仓库 高频任务直接调用固定流程
视频模板 知识卡片动画、数字人口播、混合视频结构 GitHub / 本地项目 下次只替换文案和素材
资料页模板 单页 HTML、工具清单、教程导航、领取页 本地 + Cloudflare 修改主题后快速发布新资料
模板仓库目录建议
codex-creator-templates/
├── prompts/
│   ├── start.md
│   ├── fix-bug.md
│   ├── research-to-video.md
│   └── capcut-script.md
├── skills/
│   ├── research-summary/
│   ├── short-video-storyboard/
│   ├── image-to-video-prompt/
│   └── hyperframes-video/
├── html-pages/
│   ├── guide-template/
│   └── tool-list-template/
├── video-templates/
│   ├── hyperframes-card-video/
│   └── heygen-avatar-video/
└── notes/
    ├── plugin-usage.md
    └── safety-checklist.md
Part 08

安全和避坑:小白不要乱授权、乱安装

插件可以提升效率,也会带来权限和账号风险。越是能读取网页、代码仓库、文件、账号资料的插件,越要谨慎。

08

不要全装

看到插件不要一口气全装。先按你的当前任务选择 1-2 个,比如先 Chrome,再 HyperFrames 或 HeyGen。

不懂权限先别给

涉及邮箱、网盘、GitHub、数据库、浏览器控制、API Key 的权限,一定要看清楚用途。

不要泄露密钥

API Key、Token、账号密码、客户资料不要随意粘贴到不明工具或第三方页面。

插件安装前检查清单
安装插件前,先检查这 7 点:

1. 我是不是真的需要这个插件?
2. 它要读取哪些权限?
3. 它是否来自可信来源?
4. 它是否会接触账号、邮箱、网盘、代码仓库或 API Key?
5. 我是否了解它会把数据发送到哪里?
6. 如果只是临时任务,能不能用手动复制资料代替?
7. 插件涉及付费时,是否已经看清楚价格和限制?

原则:
不懂权限,就先别授权。
不是刚需,就先别安装。
重要账号和密钥,不要随便交给不明工具。
Part 09

FAQ:新手常见问题

这些问题可以放在资料页底部,也适合拆成后续短视频选题。

09

Codex 装了插件就会变聪明吗?

不会。插件只是让 Codex 能连接更多工具。真正决定效果的是你的任务描述、上下文、限制和验收标准。

小白要不要一开始就学 MCP?

不用。先学提示词、AGENTS.md 和 Skills。等你真的需要连接外部工具时,再考虑 MCP 或插件。

HyperFrames 和 HeyGen 怎么选?

HyperFrames 更适合动画信息视频;HeyGen 更适合数字人口播视频。教程类内容可以两个都用。

Codex 能不能直接帮我做完整视频?

可以参与完整流程,但通常不是所有环节都由 Codex 直接完成。它更适合负责策划、文案、分镜、提示词、动画代码和剪辑脚本。

建议学习顺序:提示词 → AGENTS.md → Skills → Chrome 插件 → HyperFrames / HeyGen → GitHub / Cloudflare。先跑通一个简单流程,再考虑自动化。