个人自媒体工作流

投资观点 / 金融口播 / 个人出镜 — 从选题到发布到复盘的完整内容生产流水线。

融合花叔 huashu-skills 方法论 + HyperFrames 动效引擎。

适用人群

• 做金融/投资/观点口播的个人创作者
• 出镜拍摄 + 文字 HUD 叠加的竖版短视频（9:16 / 3:4）
• 想系统化管理"选题→脚本→动效→发布"全流程的人

前置要求

工具	用途	安装
HyperFrames	HTML → MP4 渲染	npx hyperframes init（需 Node 22+）
FFmpeg	视频转码	系统包管理器或官网下载
huashu-skills	21 个自媒体方法论	git clone 后参考使用
social-auto-upload	补充发布（视频号/百家号等）	pip install

关于 AI 工具：本工作流假设你有一个能读文件、执行命令的 AI 助手（如 Claude Code、Cursor Agent、GitHub Copilot 等）。工作流中的方法论和提示词是通用的，不限定具体 AI 产品。

工作流 8 步

步骤	环节	工具	说明
1	选题生成	huashu-skills 方法论	5种标题公式 + 4种选题类型
2	视频大纲	huashu-skills 方法论	MrBeast 方法论：开头确认→中段惊喜→结尾兑现
3	竞品拆解	yt-dlp + AI 分析	有参考视频时做，没有跳过
4	脚本生成	AI 生成	口语化，前3秒强钩子
5	脚本审校	去 AI 味 + 合规检查	三遍审校，必须做
6	封面配图	AI 图像生成	16:9 / 2.35:1 / 3:4
7	视频动效	HyperFrames 三段式	分镜→规范→渲染
8	发布复盘	多平台分发 + 数据复盘	按需选择发布工具

核心亮点：三段式动效设计

传统 AI 直接生成动效的问题：创意和精确度不可兼得。

我们的解法：

口播脚本 ──→ 7a 分镜预览图 ──→ 7b 设计规范(frame.md) ──→ 7c HyperFrames 渲染
            (创意确认)           (技术转译)                (精确输出)

• 分镜阶段：用 AI 生成 12-15 张预览图，确认每帧文字、布局、动画
• 规范阶段：从预览图提取颜色/字体/动效参数，写成 frame.md
• 渲染阶段：HyperFrames 按规范精确渲染，避免 AI "自由发挥"

设计规范

风格	文件	适用场景	主色
HUD Data Panel	design/hud-data-panel.md	金融数据 / 投资观点 / 警示口播	科技蓝 #0080ff
Flow Infographic	design/flow-infographic.md	教程 / 流程 / 科普	蓝青渐变

固定提示词模板：design/hyperframes-prompt-template.md — 给 AI 的完整指令，填入你的口播文案即可生成动效代码。

动效六镜头结构

参考上图的 6 个镜头，每段口播脚本按以下叙事结构分段：

镜头	标签	作用	文字内容示例
01	HOOK 开场	强语气抓注意	"听好了！所有人现在立刻卖房！"
02	观点抛出	亮出核心观点	"纳克达斯！普通人唯一的暴富机会？"
03	反转归因	引用/拆解他人	"这话不是我说的，是那位大神说的"
04	情绪共鸣	群体情绪代入	用户标签列表 + "全民 FOMO？"
05	核心质疑	大字反问	"这真的能暴富吗？"
06	核心结论	警示总结	"往往不是机会，是陷阱。"

文案映射逻辑：把你的口播脚本按"钩子→观点→反转→共鸣→质疑→结论"的叙事节奏分段，每段填入对应镜头的文字槽位。提示词模板里有完整的示例格式。

开源工具

详见 tools/开源项目清单.md。

文件结构

个人自媒体工作流/
├── README.md                              ← 本文件
├── design/                                ← 动效设计规范
│   ├── hud-data-panel.md                  ← HUD 数据面板（科技蓝）
│   ├── flow-infographic.md                ← 信息图流程（蓝青渐变）
│   └── hyperframes-prompt-template.md     ← 给 AI 的固定提示词
├── tools/                                 ← 开源工具安装指南
│   └── 开源项目清单.md
├── assets/                                ← 预览图/参考素材
│   └── preview-动效效果.jpg
└── .gitignore

使用方式

1. 克隆仓库：git clone <本仓库地址>
2. 安装前置工具：按上方"前置要求"安装 HyperFrames、FFmpeg 等
3. 安装 huashu-skills：克隆到本地参考方法论
4. 开始工作流：
   • 打开你的 AI 助手
   • 把 design/hyperframes-prompt-template.md 里的提示词复制给 AI
   • 填入你的口播文案，让 AI 生成动效代码
   • 运行 npx hyperframes render 输出 MP4

为什么开源

这个工作流是从实战中踩坑踩出来的。三段式动效的设计思路（创意和精确度分离）如果能帮到其他做口播的人，值得分享。

欢迎 Issue 和 PR。