全网最细!40分钟速通Codex!【GenJi深度教程】

GenJi是真想教会你Bilibili37:32

原视频
学习与成果

概览

40分钟系统化Codex教程,从零基础概念到22个实战案例,覆盖短片生成、口播剪辑、网页部署与自动化工作流。

关键点

  1. 1Codex让编程门槛从会写代码降到会说人话,核心是说做看改四步
  2. 2口播剪辑用四个Skill实现字幕、章节、卡片全自动,截图圈注反馈是关键
  3. 3网页案例用GitHub Pages与Netlify免费部署,先假数据跑通再接真实数据
  4. 4工具会换代但底层逻辑不变,把流程沉淀成Skill才能复用

时间轴6 章 · 29 节

第 1 章

课程总览与AI编程认知

本章总览五大模块,讲清 Vibe Coding:门槛降到会说人话,零基础也能靠说做看改开发。

1.1

五大模块课程目录与内容预告

课程分为五大模块:先讲 Codex 基础,再对比 Claude Code,随后用22个案例跑通 Agent 工作流,覆盖3D GBA游戏机、实时台风看板与商业短片,并讲 Skill、MCP、CLI,最后拓展飞书与手机远程控制。

1.2

AI编程本质:从写代码到说人话

编程本质是把人的想法翻译成计算机可执行的指令,像给机器人写精确菜谱;AI 已替你跨过学语言、配环境和 Debug 三道门槛,一行代码不会也能当甲方提需求。

1.3

说做看改四步法与小白词汇表

四步法为说、做、看、改:先讲清需求,让 Codex 写代码并运行,再检查效果,最后提修改意见迭代;配套小白词汇表建议暂停保存,目标是做数得清需求、看得懂效果的人。

第 2 章

Codex安装与基础功能

本章完成上手准备:注册 ChatGPT 账号,对比桌面版与网页版,明确后续用桌面版演示基础功能。

2.1

注册ChatGPT账号与两种使用方式

使用前先注册 ChatGPT 账号,免费和付费都可用,主要差别在可用额度;有了账号可走两条路:下载桌面版 Codex,或直接用网页版 ChatGPT 操作。

2.2

本地安装桌面版与网页版对比选择

本地安装需到 ChatGPT 下载页按操作系统选版本;网页版无法直接读取本地目录,要手动上传或连接外部服务;简单问答和云端资料用网页版,涉及本地文件或代码运行选桌面版。

2.3

桌面版演示与基础功能预告

账号和软件就绪后进入基础功能章节,先认识软件界面,再通过实际操作逐步掌握模型等基础能力;后续演示统一使用桌面版。

第 3 章

AI视频与口播剪辑实战

进入实战部分,按剪辑与AI视频、网页制作、办公自动化、软件搭配四类由简到繁展开,本节聚焦AI视频与口播剪辑。

3.1

四类实战案例总览

实战案例分四大类:剪辑和AI视频、网页制作、办公自动化,以及Codex与各种软件搭配的1+1大于二组合,整体从简单到复杂排列,每个案例都从原始素材开始一步步交付成品。

3.2

接入LiblibAI的CLI生成短片

首个案例是自动化短片生成,成片从提示词、分镜图到最终视频全部在Codex里完成。做法是先接入AI视频平台的CLI,可理解为第三方平台开放给电脑的一组命令,由Codex负责调用参数和保存结果,图像视频仍由平台生成,此处以LiblibAI为例,复制网站提示词进Codex即可自动安装,装完先跑最小测试确保CLI能正常调用。

3.3

四步流程与付费权限设置

整条流程拆成四步:确认九宫格提示词、生成分镜、确认15秒视频提示词、调用CLI产出成品。Codex权限要设为请求批准,因为涉及第三方平台付费,视频模型、时长、分辨率都需手动确认,权限开太高AI会自行操作把钱花光。提示词里必须加上每个阶段完成后暂停让我确认,以及付费前先告知模型、时长、分辨率和预计消耗。

3.4

封装AutoCut Skill并复用

执行时Codex先让确认图像提示词,确认后发出九宫格图片,再确认视频提示词,随后调用LiblibAI的CLI生成视频,经过两轮修改即可得到开头看到的成片。这套工作流可沉淀为可复用的Skill,在对话框输入提示词让Codex把制作过程封装成名为AutoCut的Skill,之后发一张耳机图片加提示词,几分钟就能做出耳机宣传片。

3.5

自动口播剪辑与四个Skill班底

第二个案例是自动口播剪辑,学会后工作量会大范围衰减。成片里的字幕、章节进度条、信息卡片和图表都自动完成,过去要套AE模板、在PR里剪半天。剪辑班底共四个Skill:蒙眼剪辑法、歌曲字幕、音乐总监和动效设计师,打交道最多的是蒙眼剪辑法,把素材包发给Codex说帮我安装这几个Skill即可。

3.6

五步实操:字幕识别到审核方案

实操共五步。第一步把口播原片、口播稿和对标视频放进项目文件夹,让Codex用蒙眼剪辑法剪成教学片,先做字幕识别、再用口播稿校对、最后给审核;Codex自动识别语音并输出字幕文件,人只需通读改错别字,因为这份字幕是后面所有画面卡点的时间轴,错了后面都是废片。第二步审核剪辑方案,重点看画面与口播是否对得上、章节长短是否均匀。

3.7

540P小样与截图圈注反馈法

第三步看demo,Codex不直接渲染高清成片,先出540P小样供审,既省时间也省额度、避免返工。第四步截图反馈是导演的核心动作,公式是截图、圈出问题、说明想要什么,例如字幕贴底边就圈住说字幕太靠下需在底栏居中,图表挡人就要求缩小移到两侧。注意一次只提一个问题,一口气提四五个容易改乱。

3.8

1080P成片交付与Skill沉淀理念

最后成片交付,让Codex渲染1080P最终版,做完质检后把报告和关键帧截图发来确认,没问题即交付,再顺手切一段30秒预览当发布预告,本章开头那30秒就是这么来的。这套班底可复用,Skill只需装一次,后续流程仍是丢素材、一句话开剪、截图当导演。老师不直接发Skill,是希望每节课后自己沉淀,投入时间感情理解才最深刻。

3.9

Remotion制作数据动画

案例三用Remotion做AI工具月度浏览量动态排行,要求横向柱状图、16比9、数据源准确。先让Codex优化提示词,再调用专有Remotion Skill即可生成动画。单拎出来是因为Excel数据如何更直观、如何用流媒体传播是关键。

3.10

Hybrid Frames一键生成科普视频

本节讲用Hybrid Frames一键生成科普视频:投喂完整逐字稿,Codex即可生成口播字幕、科普信息和动效。提示词需强调主题、受众、时长和风格,制作中逐帧预览确认,问题可针对性调整。

第 4 章

网页制作四案例

本章用四个由简到繁的网页案例,讲清用Codex做网页的核心逻辑:先找参考、写清需求,再部署上线。

4.1

个人网站:找参考写需求再部署

个人网站制作分三步:先在设计感强的站点里挑参考、保存页面结构与动画效果;再写需求,指令要求严格参考文档风格布局生成类似HTML页面并保持动画一致,还补充鼠标悬停联系按钮才浮现微信和邮箱的细节;生成后背景动效与排版和参考质感基本一致,可继续上传自己的图片视频优化。

4.2

Netlify上线与版本备份避坑

本地页面别人打不开,需要线上部署,作者用轻量免费的Netlify,在插件模板中一键安装后让Codex自动完成上线,手机电脑都能访问。作者特别提醒常见坑:改到第五版想回第一版却找不回来,解决办法是制作过程中定期备份到新建文件夹,按V1、V2命名,随时回到某一版。

4.3

台风实时预测网站的两个帮手

台风实时预测网站能追踪台风位置并给出风险预警,看似复杂,作者用四步带做。两个必备帮手都来自GitHub:GitHub仓库加GitHub Pages负责存储项目文件并生成全球可访问的免费网址,GitHub Actions相当于全天候数据库,帮你抓取实时台风数据保存进仓库,注册账户即可自动配置。

4.4

四步搭建:计划书到真实数据接入

第一步向Codex下指令做台风实况网站并写计划书建仓库,确认功能范围、数据来源和免责声明。第二步按计划书搭HTML页面,先用演示数据并标注,先跑通页面再加真实数据。第三步接入浙江省台风路径实时发布系统真实数据,用GitHub Actions每15分钟抓取并发布到GitHub Pages上线。

4.5

3D GBA游戏机网页开发

用Codex复刻一台能换卡带、能用键盘通关的3D GBA游戏机。先给一张真实游戏机参考图,因为外观光靠文字很难说清。再交代画面元素与交互:左边游戏机本体、右边卡带收纳盒,单击卡带即更换游戏,左侧屏幕显示对应画面,并加键盘操作。成片位置摆放都能对应,但外观偏塑料,再要求按图片优化样式和立体感。

4.6

朱元璋人生K线图:先定口径

把朱元璋70年人生画成会走动的K线图,第一步要先定口径。新手直接让Codex画会得到线条杂乱、信息不明的图。作者先把K线五个数值量化:开盘价为阶段起点,收盘价为阶段结束处境,最高价为机会和权利上限,最低价为风险代价,冲击量为事件对人生走势的影响强度。并补充免责声明与年龄计算方式,统一写约几岁,用事件年份减出生年份,避免虚岁周岁换算。

4.7

搜集信息与HTML页面制作

口径定好后把提示词发给Codex生成,第二步搜集信息交给Codex,让它搜集朱元璋生平并转成结构化数据表格,最终划分乱世低开、义军起事、逐鹿天下、胡虏登基和高位余震五个人生阶段。第三步把数据做成页面,为方便小白上手选用较简单易改的HTML和CSS,提示词直接贴在屏幕上可抄作业,并强调一定要自己上手做一遍。

4.8

添加开场按钮与章节暂停交互

Codex输出网页后预览,动画和单击交互都有了,但像在看自动播放的视频,没有真正交互。第四步添加交互:加开场按钮,单击后开始,每章结束自动暂停,时间轴连续跟随,并加大时间轴密度让K线运动中看到更多信息,这些修改点写成提示词即可,不需要专业术语。最终成品全程只有一个HTML文件,靠的是把需求讲清楚的能力。

第 5 章

办公自动化三案例

进入贴近生活的办公自动化实战,用三个案例展示Codex如何把重复工作变成可复用技能。

5.1

视频信息提炼与Video Skill

案例九面向学生党和创作者:把长视频或网课链接交给Codex,抓取视频与字幕、抽关键帧,生成带时间戳和图解的HTML,按章节提炼核心问题、关键步骤与结论,点时间戳可跳到对应位置。随后让Codex把流程沉淀为video skill,以后一句话调用,可用来提炼TED演讲、经典辩论并整理成图文发布。

5.2

公众号文章批量下载导出Word

案例十用开源项目WeChat Article Exporter,把项目地址发给Codex同步到本地并自动安装。以澎湃新闻为例,提取近20篇公众号文章导出为Word,同时包含每篇阅读量与互动量数据;中途需扫码登录并安装本地代理,跟着提示走完全流程。产出文档可用于研究爆款写法或复盘账号数据。

5.3

数据转柱状图动画MP4

针对上一步导出的数据,直接让Codex做柱状图动画并输出为MP4视频文件,成片效果比一堆数字更直观。由此可复现一系列爆款文章,因为LLM即Large Language Model,底色仍是文本,关键是通过文本把信息与风格化传递完成。

第 6 章

总结与资料领取

收束全片,回顾22个实战案例,强调带走底层逻辑而非成品,并说明资料领取方式。

6.1

课程回顾与底层逻辑总结

课程收尾:从安装配置、基础功能到22个实战案例,一路做出网页、PPT、视频、小游戏和多种自动化流程,跟下来文件夹里已有一批成品。但最该带走的不是这些文件,而是整套使用逻辑——工具会换代、Agent半年一茬,底层逻辑不变,以后上手新工具都不会慌。

6.2

提示词清单领取与下期预告

本期用到的提示词、Skill、插件已整理成完整清单,可在充电后自行领取,并欢迎三连支持与分享用Codex做出的有趣内容。若想学其他AI工具,可在弹幕或评论区提出,呼声高的会优先做成系统教程,下期再见。

由知否生成 · 整理你自己的资料 · 登录后按账户权益阅读、整理与提问