给 Opus 5.5 一套动态设计技术栈,而不只是一条提示词。
20 个 GitHub 仓库,涵盖动画技能、声音、视频渲染和交互式动态:
*技能 + 工作流*
1. claude-motion
用代码生成动态指导、帧检查和声音。
https://t.co/K5Asbqgztj
2. claude-motion-design
用 HTML、Playwright 和 FFmpeg 构建视频。无需 Remotion。
https://t.co/0fnlHM1rcl
3. motion-graphics-skills
13 项用于制作产品发布视频的技能。
https://t.co/IaWH2KkXCd
4. claude-remotion-skill
一个提示词驱动的 Remotion 编辑器,支持字幕、B-roll 和声音。
https://t.co/rKb0U6Gq3E
5. klik-anim-skill-creation
面向 Opus 的动画原理和镜头指导。
https://t.co/TDaoOMSOyG
6. hyperframes-motion-reel-skill
制作一段与 120 BPM 同步的 HyperFrames 作品集。
https://t.co/jlacxWXTME
7. product-launch-motion
带旁白、镜头运动和调色的发布影片。
https://t.co/pbi5UvDnqg
8. animate
在一个画布文件中制作分镜并构建一段短动画。
https://t.co/WHYHq8qWsG
9. motion-design-skills
时间节奏、色彩、排版、标志和 Remotion 工作流。
https://t.co/OLSScRVA5O
10. hyperframes-student-kit
14 项技能和 406 张动态图形参考卡。
https://t.co/MNGGUfse94
*渲染 + 动画引擎*
11. HyperFrames
将 HTML 动画转换为 MP4 视频。
https://t.co/ZQYzJ0ER0U
12. Remotion
用 React 创建视频。
https://t.co/yngWME7mve
13. Remotion Skills
面向编码代理的官方 Remotion 技能。
https://t.co/Yiy6g58CHN
14. GSAP
用于控制运动和过渡的动画时间轴。
https://t.co/6xd7R1dihB
安装其技能:
npx skills add greensock/gsap-skills
*设计原则 + 辅助工具*
15. motion-design-skill
适用于各种动画引擎的动态原理。
https://t.co/XBq4lAa2mA
16. awesome-motion-design-agent-skills
GSAP、Remotion、Lottie 和 Rive 技能的合集。
https://t.co/RqFnO1Ygtd
17. motion-graphics
根据你的转录文本生成 B-roll。
https://t.co/4FN4T59cZO
18. motion-dev-animations-skill
使用 https://t.co/gdKZXGN00h 制作网页动画,而非视频导出。
https://t.co/354SNPd5tk
https://t.co/gdKZXGN00h:
https://t.co/gdKZXGN00h
19. Motion
前身为 Framer Motion 的网页动画库。
https://t.co/6f4sRazcLJ
20. lottie-web
在网页上渲染 Lottie 动画,而非导出 MP4。
https://t.co/40SBBUQFIt
视频工作流:Opus 编写代码 → 技能指导动态 → 引擎渲染结果。
安装每个仓库前请先检查。挑选你的项目真正需要的工具。
