这是一个围绕 Claude Opus 5.5 生成式视频案例的 Awesome List 仓库,收集了大量由 Claude Opus 5.5 根据提示词生成的动画、动态图形、3D 场景、解释型视频和互动游戏示例。仓库提供 prompts 目录和 data/videos.json 数据文件,方便开发者查看原始提示词、学习提示词写法,并复现或改造对应的 HTML、Canvas、SVG、Three.js、GSAP、GLSL 等前端动画代码。它本身不是一个可直接安装运行的软件项目,更像是 AI 视频生成、创意编码和提示词工程的参考资料库。
适用领域
AI 视频生成 / 提示词工程 / 创意编码 / 前端动画 / 动态图形 / Three.js 3D 可视化 / Canvas/SVG 动画 / 生成式 UI/交互原型 / AI 辅助内容创作
配置难度
中等。单纯阅读和复制 prompt 很简单;但如果要高质量复现、改造成可交付的前端动画或视频素材,需要具备一定的前端开发、Canvas/SVG/Three.js、动画性能优化和提示词调优经验。
商业价值
对中国开发者和团队的商业价值主要体现在快速获取 AI 视频与前端动效灵感、降低创意原型制作成本、提升营销素材和产品演示的迭代速度。它适合用作内部 prompt 案例库、AI 创意工具选型参考、前端动画教学素材或内容生产流程的灵感来源。不过,由于授权不清晰且依赖外部模型,直接商用时应重点关注版权合规、复现稳定性和代码质量审查。
01
技术亮点
- 收录规模较大,README 显示包含 389 个 prompts,并持续更新。
- 每个案例通常链接到创作者原始帖子,便于追溯来源和学习上下文。
- 覆盖 Motion graphics、Explainers、3D scenes、Games & interactive 等多个方向。
- 技术栈丰富,涉及 HTML、Canvas、SVG、Three.js、GSAP、GLSL、Web Audio、Particles 等。
- 不仅展示效果,还提供提示词,有助于开发者学习可复用的 Prompt 写法。
- 适合用作 AI 生成前端动画的灵感库和 benchmark 参考。
- 提供 data/videos.json,便于构建二次索引、搜索、可视化或内部知识库。
- 仓库主题明确,聚焦 Claude Opus 5.5 在视频和创意编码场景中的实际案例。
02
目标用户
- 希望学习 Claude Opus 5.5 视频/动画生成能力的开发者
- 前端开发者和创意编码工程师
- AI 产品经理、增长团队和内容创作者
- 研究提示词工程的开发者
- 想快速生成 3D 场景、互动小游戏或视觉 Demo 的团队
- 从事短视频、广告素材、教育解释动画制作的创作者
- 学习 Canvas、SVG、Three.js、GSAP、GLSL 的中文开发者
03
配置要求
- 需要能够访问 Claude Opus 5.5 或其他具备较强前端代码生成能力的大模型。
- 如果要复现复杂 3D、GLSL 或 Web Audio 示例,建议具备现代浏览器环境,如 Chrome、Edge 或 Firefox 最新版。
- 如需二次开发 Three.js、GSAP 等案例,可能需要 Node.js、npm/pnpm/yarn 和基础前端构建环境。
- 访问 Skillry 在线重制页面和 X/Twitter 原始帖子可能需要稳定的外网访问能力。
- 部分原始素材、图片、音频或 AI image 生成结果可能不在仓库内,需要自行替换或重新生成。
- 仓库未声明明确开源许可证,商用前需要核查每个 prompt、视频和作者原帖的版权与授权情况。
04
适用场景
- 复制仓库中的提示词,在 Claude Opus 5.5 或其他 AI 编程 Agent 中生成类似动画代码
- 分析热门 AI 视频案例的提示词结构,学习如何描述视觉风格、动画节奏、交互逻辑和技术栈
- 快速制作产品演示、营销动效、教育解释动画、社交媒体短视频素材
- 作为前端动画和创意编码灵感库,改造已有 Canvas/SVG/Three.js 示例
- 构建内部 AI Prompt 模板库,用于统一团队的生成式视频/动效生产流程
- 对比原始视频与 Skillry 上的实时重制效果,评估 AI 生成代码的可复现性
- 用于教学或工作坊,展示大模型如何从自然语言提示生成复杂视觉程序
05
部署与配置
- 该仓库主要是资料集合,一般不需要安装依赖即可阅读。
- 克隆仓库:git clone https://github.com/yihui-dev/awesome-opus5-5-videos.git
- 进入目录:cd awesome-opus5-5-videos
- 查看 README 中按类别整理的视频案例,或打开 prompts/ 目录查看单个提示词。
- 如需程序化处理,可读取 data/videos.json 获取视频、作者、分类、提示词路径等结构化数据。
- 选择一个 prompt,将其复制到 Claude Opus 5.5、Claude Code、Cursor、Windsurf 或其他支持代码生成的 AI Agent 中。
- 让 AI 生成 HTML/Canvas/SVG/Three.js 等代码后,在本地浏览器或前端项目中运行和调试。
- 如果生成的是独立 HTML 文件,可直接用浏览器打开;如果包含 npm 依赖,则根据 AI 生成结果执行 npm install 和 npm run dev。
06
风险与注意事项
- 仓库不是完整应用或 SDK,不能直接提供视频生成服务,需要依赖外部大模型和开发环境。
- 未看到明确 license 信息,版权和商用授权存在不确定性,尤其是原始视频、提示词和创作者内容。
- 很多链接指向 X/Twitter 和 Skillry,国内开发者访问可能不稳定。
- AI 生成代码的质量、性能和兼容性不可保证,复杂动画可能需要人工调试。
- 提示词复现效果依赖具体模型版本,Claude Opus 5.5 之后或其他模型可能生成不同结果。
- 部分案例可能使用第三方库、图片、音频或外部资源,存在资源失效或跨域问题。
- 安全上需要谨慎运行 AI 生成的代码,尤其是包含外链脚本、远程资源或未审查 JS 的内容。
- 数据集持续更新,结构或链接可能变化,若用于生产系统需要做好同步和校验。
2026-09-29
第18名
新收录 · github_search