GitHub免费开源工具栈 用Claude Code搭建全流程动态设计工作室
X用户@HoodieFade_分享了一套免费开源的动态设计工具栈,可通过Claude Code从单条提示词生成完整动态视频。传统工作室制作30秒解说视频收费数千美元,这套工具栈可覆盖全流程制作需求。
第一步安装Remotion Skills,这是13个官方技能包,教Claude Code掌握字幕制作、渲染、地图生成、工作室配置等视频制作能力,输入创意想法即可自动生成视频代码。
第二步使用Remotion作为核心引擎,用React编写视频并渲染为MP4格式,可替代After Effects模板工作。每一帧都是代码,支持编辑、复用和数据驱动。
第三步接入GSAP动画引擎,这是专业工作室常用的动画工具,现在所有插件完全免费,包含SplitText、MorphSVG、ScrollTrigger等,可实现动态文字、形状变形等此前需要付费才能使用的效果。
第四步使用Motion Canvas制作讲解类动画,用TypeScript编写动画,自带实时编辑器和时间轴,可制作示意图、UI操作演示、带精确时间控制的分步拆解内容。
第五步用Manim制作图表和数学动画,这是3Blue1Brown风格动画的底层引擎,可自动绘制图表、在屏幕上书写公式,将数据转化为可视化故事。
第六步用LTX-Video生成补充素材,这是开源的文生视频、图生视频工具,可在本地GPU运行,按场景生成背景、纹理和转场效果,无需订阅素材库。
第七步用Revideo实现规模化渲染,通过API从代码渲染视频,一个模板可生成1000条个性化视频,适用于客户交付、产品宣传、广告投放等场景。
整套流程为提示词输入→技能调用→代码生成→动画制作→图表生成→素材补充→批量渲染,目前多数工作室仍按小时计费提供同类服务。