video-coder

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、しきい値ベースの状態更新、およびモジュールレベルの定義を使用した厳密なコンポーネント形式に従います。適切なタイミング同期、60fps パフォーマンス、包括的なリファレンスベースの実装を備えた自己完結型 TSX コンポーネントを出力します。 ソース: outscal/video-generator。

原文を見る