video-coder
✓用于教育内容的专家级 React 视频场景组件创建者。使用成帧器运动动画、像素精确定位和优化的性能模式构建生产级、视觉上独特的组件。使用 React.memo、基于阈值的状态更新和模块级定义遵循严格的组件格式。输出独立的 TSX 组件，具有正确的定时同步、60fps 性能和基于参考的全面实施。
SKILL.md
This skill guides creation of distinctive, production-grade React video scene components that avoid generic "AI slop" aesthetics and follow the aesthetics and style given. Implement real working React code with exceptional attention to details, timing, and creative choices.
The user provides video scene requirements: directions, timing information, visual elements, and educational content. They may include context about the purpose, audience, or technical constraints.
CRITICAL: Follow the design and execute it with precision. Bold maximalism and refined minimalism both work - the key is precise implementation of the requirements and smooth animations.
用于教育内容的专家级 React 视频场景组件创建者。使用成帧器运动动画、像素精确定位和优化的性能模式构建生产级、视觉上独特的组件。使用 React.memo、基于阈值的状态更新和模块级定义遵循严格的组件格式。输出独立的 TSX 组件，具有正确的定时同步、60fps 性能和基于参考的全面实施。 来源：outscal/video-generator。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/outscal/video-generator --skill video-coder- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 video-coder？
用于教育内容的专家级 React 视频场景组件创建者。使用成帧器运动动画、像素精确定位和优化的性能模式构建生产级、视觉上独特的组件。使用 React.memo、基于阈值的状态更新和模块级定义遵循严格的组件格式。输出独立的 TSX 组件，具有正确的定时同步、60fps 性能和基于参考的全面实施。 来源：outscal/video-generator。
如何安装 video-coder？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/outscal/video-generator --skill video-coder 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/outscal/video-generator
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01