全部 skill

用 Remotion 在 React 里做视频的最佳实践，含 3D、动画、音频、字幕、图表与转场等 29 条领域规则。

React/Next.js 的高级动效模式：拖拽、手势、文字动画、SVG 路径绘制、自定义 hook、命令式序列、加载动画与完整的 API 决策树。依赖 motion-foundations。

React/Next.js 的动效基础设施：motion token、弹簧预设、性能规则、设备适配、无障碍与 SSR 安全。所有其他动效 skill 都基于它。

React/Next.js 的生产级动画模式：按钮、弹窗、Toast、错峰、页面转场、退出动画、滚动与布局，全部建立在 motion-foundations 的 token 与弹簧之上。

把 HTML 构图渲染成 MP4/WebM 视频。

用 Manim CE 制作 3Blue1Brown 风格的数学与算法讲解动画。

p5.js 草图：生成艺术、着色器、交互与 3D。

Remotion（React 视频创作）的最佳实践。

按严格的工艺、性能、无障碍与交互质量标尺评审动画与动效代码时使用。

设计或审查精致产品 UI 时，使用受 Emil Kowalski 启发的动画、交互与组件工艺指导。