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