shadcn-labs/snapcn
A shadcn registry of Remotion components for product demo videos. Install a text reveal, device frame, terminal session, logo sting or a whole scene with a command.
解决的问题
创建高质量的软件产品演示通常很繁琐，导致许多人依赖简单的屏幕录制。snapcn 提供了一个专业、可编程的视频组件库，专为软件展示而设计——如 AI 聊天流、终端会话和设备框架——与项目的设计系统保持视觉一致性。
工作原理
基于 React 和 Remotion 构建，snapcn 提供了一系列组件，可通过 shadcn CLI 安装。这些组件直接复制到用户的代码库中，允许完全拥有和自定义。它利用主题系统（SnapCnTheme）确保视频 UI 与应用 UI 令牌匹配。为了提高视觉质量，它实现了特定的运动修复，如 geometricPrecision，以消除动画文本中的抖动。
适用人群
希望为其软件创建精美、可编程视频演示的开发者和产品团队，而无需手动调整动画或偏离其设计系统。
亮点
- 以软件为中心的组件：包括 AI 答案流、搜索输入和终端模拟器等专业镜头。
- 设计系统集成：重用 shadcn 表面令牌，使视频 UI 与产品 UI 保持同步。
- markdown 驱动的安装：通过 shadcn CLI 添加组件，并由开发者完全拥有。
- AI 代理支持：提供特定的“技能”和上下文文件（
llms.txt），帮助编码代理组装视频并选择合适的组件。
相关
- 项目
- 项目
- 项目
- 项目