walidboulanouar/Ay-Skills

AY Automate コンテキスト

主なユースケース：AY Automate のソートリーダーシップ向け LinkedIn ビデオコンテンツ。

代表的な LinkedIn ビデオフォーマット

• ソートリーダーシップクリップ（15〜45秒）： 逆説的な主張、AI エージェントデモ、ビルドインパブリック更新
• チュートリアルウォークスルー（60〜90秒）： n8n ワークフローデモ、エージェントアーキテクチャの説明
• クライアント成果発表（30〜45秒）： 導入前後のメトリクス、アニメーション統計の表示

ブランド統合

• 背景色：#0a0f1a（深紺） | アクセント色：#00d4ff（シアン） | テキスト色：#f0f4f8
• フォント：Inter（見出し＋本文）、JetBrains Mono（コード）
• エクスポート：MP4、最適時間 15〜90 秒、常に字幕を含める

使用タイミング

このスキルは、Remotion プロジェクトを扱うときは必ず使用してください。以下の作業が含まれます。

• 新しいビデオコンポジションやアニメーションの作成
• 既存の Remotion コンポーネントの編集
• Remotion プロジェクトへのアセット（画像、オーディオ、ビデオ）の追加
• アニメーションシーケンス、トランジション、エフェクトの構築
• Remotion プロジェクトディレクトリを含むあらゆるタスク

主要なトリガー： 「Remotion」という単語、remotion-videos/ を含むパス、remotion.config.ts のようなファイル、または React でアニメーションビデオコンテンツを作成するリクエスト。

使用方法

各ルールファイルには、詳細な説明とコード例が記載されています。

• rules/3d.md - Three.js と React Three Fiber を使用した Remotion の 3D コンテンツ
• rules/animations.md - Remotion の基本的なアニメーションスキル
• rules/assets.md - Remotion への画像、ビデオ、オーディオ、フォントのインポート
• rules/audio.md - Remotion でのオーディオとサウンドの使用 - インポート、トリミング、音量、速度、ピッチ
• rules/calculate-metadata.md - コンポジションの長さ、寸法、プロパティを動的に設定する
• rules/can-decode.md - Mediabunny を使用してブラウザがビデオをデコードできるか確認する
• rules/charts.md - Remotion のチャートとデータ可視化パターン
• rules/compositions.md - コンポジション、スティル、フォルダ、デフォルトプロパティ、動的メタデータの定義
• rules/display-captions.md - Remotion で TikTok スタイルのページと単語ハイライトを使用してキャプションを表示する
• rules/extract-frames.md - Mediabunny を使用して特定のタイムスタンプでビデオからフレームを抽出する
• rules/fonts.md - Remotion で Google Fonts とローカルフォントを読み込む
• rules/get-audio-duration.md - Mediabunny でオーディオファイルの長さを秒単位で取得する
• rules/get-video-dimensions.md - Mediabunny でビデオファイルの幅と高さを取得する
• rules/get-video-duration.md - Mediabunny でビデオファイルの長さを秒単位で取得する
• rules/gifs.md - Remotion のタイムラインと同期して GIF を表示する
• rules/images.md - Img コンポーネントを使用して Remotion に画像を埋め込む
• rules/import-srt-captions.md - @remotion/captions を使用して .srt 字幕ファイルを Remotion にインポートする
• rules/lottie.md - Remotion に Lottie アニメーションを埋め込む
• rules/measuring-dom-nodes.md - Remotion で DOM 要素の寸法を測定する
• rules/measuring-text.md - テキストの寸法測定、コンテナへのテキストのフィット、オーバーフローの確認
• rules/sequencing.md - Remotion のシーケンスパターン - アイテムの遅延、トリミング、長さの制限
• rules/tailwind.md - Remotion で TailwindCSS を使用する
• rules/text-animations.md - Remotion のタイポグラフィとテキストアニメーションパターン
• rules/timing.md - Remotion の補間曲線 - Linear、イージング、スプリングアニメーション
• rules/transcribe-captions.md - オーディオを文字起こしして Remotion でキャプションを生成する
• rules/transitions.md - Remotion のシーントランジションパターン
• rules/trimming.md - Remotion のトリミングパターン - アニメーションの先頭または末尾をカットする
• rules/videos.md - Remotion へのビデオ埋め込み - トリミング、音量、速度、ループ、ピッチ
• rules/parameters.md - Zod スキーマを追加してビデオをパラメータ化可能にする
• rules/maps.md - Mapbox を使用して地図を追加し、アニメーション化する