Communitygithub.com

taste(味覚/美的感覚)

エンジェルコア/クラウドトランス/ハイパーポップ系のビジュアルファミリー向けに、音楽ビデオやショートフォーム編集のためのクリエイティブ方向性(味覚)レイヤーを提供します。名前付きジャンルの美的語彙、ムード+色+光のシステム、ビート同期編集文法を体系化し、ECCパイプラインと連携します。

taste(味覚/美的感覚) とは?

「Taste」は、AIビデオ制作において「どんなフレームを、どの順序で、どのリズムでカットするか」という、見た目の方向性と編集文法を定義するスキルです。特に、Bladee「Silver Surfer」期に代表されるエーテリアルトランスと重厚なエンジェルコアを融合させた、エンジェルコア/クラウドトランス/ハイパーポップのビジュアルファミリーに特化した、意図的に偏った美的感覚をコード化しています。 このスキルは、ムード(色彩、光、テクスチャ)、編集文法(ビートロックカット、ヒーローオンブラックマクロ、ブルームトランジションなど)、および具体的なパイプライン(ECCスキル:video-editing、fal-ai-media、remotion-video-creation、videodb、content-engineとの連携)を提供します。ビートマップされたショット計画やファルAI向けプロンプトプリセット、FFmpegレシピ、Remotionテンプレートも含まれており、開発者はこれに従って一貫性のあるスタイルを持つミュージックビデオやリールを生成できます。 「Taste」は、ビデオ編集の「How」(仕組み)ではなく「What and Why」(何を、なぜ)を決定する最上位レイヤーです。ジャンルとムードを最初に決定することで、すべての生成と編集工程に一貫性をもたらし、単なるAI生成の寄せ集めではなく、意図された作品として仕上げることを可能にします。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/affaan-m/ECC/tree/main/skills/taste

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

プレビュー

スキル README より

ドキュメント

taste(味覚/美的感覚) は何をしますか?

ほとんどのAIビデオアドバイスは「フレームをレンダリングする方法」で止まります。このスキルはその上のレイヤーです。フレームがどのように見えるべきか、どの順序で、どのリズムでカットされるべきか。そうすることで、結果が単なる生成物の山ではなく、一貫性のある意図された作品として読まれるようにします。

これは特定の味覚 — エンジェルコア/クラウドトランス/ハイパーポップファミリー(Bladee「Silver Surfer」時代のエーテリアルトランスと重厚なエンジェルコアの融合)— をコード化したもので、保存されたリールのコーパスと約70エントリのビジュアルジャンルライブラリを巡るツアーから抽出されました。これは意図的に偏っています。味覚とは見解であり、メニューではありません。

付属ファイル references/genre-taxonomy.md には、名前付きジャンルの完全なカタログが含まれています。 このファイルは実用的なレイヤーです:ムード、文法、パイプライン、そしてビートマップされたショット計画。

アクティブ化するタイミング

  • ミュージックビデオ、歌詞ビデオ、ファンカム、ビジュアライザーを制作するとき。
  • 情報よりも雰囲気が重要なショートフォーム編集/リールを作るとき。
  • AI b-roll生成(fal.ai、Veo、Klingなど)を駆動し、プロンプトに一回限りの雰囲気ではなく一貫した方向性が必要なとき。
  • レンダリング前にムードボードを組み立てたり、ビジュアルジャンルを選択するとき。
  • ユーザーが「taste」、「make it feel like X」、「give it a direction」、「angelcore」、「cloud trance」、「hyperpop edit」、「Bladee」、「dreamcore」と言ったり、保存されたリファレンスを指定したとき。
  • 現在の編集がフラットで、ありきたりで、AIスロップ、またはスタイル的に一貫性がないと読めるとき。

このスキルは video-editing(メカニクス)と remotion-video-creation(レンダラー)の上に位置します。方法にはこれらを使用してください。何を、なぜにはこれを使用してください。

コアテーゼ

  1. 味覚は最後のレイヤーであり、最初に決定されなければならない。 video-editingは正しく、味覚は最終的な人間のパスであると述べています。罠:最後に味覚だけを決定すると、上流のすべての生成とカットは推測になります。最初のプロンプトの前に方向性を選び、それをすべてに制約として働かせてください。
  2. 斬新さよりも一貫性。 30の見た目よりも、30のショットにわたって実行された1つの見た目。名前付きジャンル(後述)は、無料で一貫性を買う制約です。
  3. 映像ではなく曲に合わせてカットする。 ミュージックビデオでは、タイムラインは波形です。すべてのハードカットはビートまたはトランジェントに着地します。フレーム計算はパイプラインセクションにあります。
  4. 選択的に生成し、容赦なく編集する。 AIは存在しないb-rollを作ります。味覚は作りません。それでも80%は捨ててください。

美的語彙(抽出)

リファレンスコーパスは、名前付きビジュアルジャンルの大規模なライブラリを巡ります。完全なリストは references/genre-taxonomy.md にあります。有用な動きは70の名前を暗記することではなく、ジャンル名は完全なプロンプト兼グレーディングプリセットであることを理解することです。1つ選べば、そのパレット、テクスチャ、照明、被写体をユニットとして継承します。

ジャンルはファミリーに分類されます。プライマリファミリーと、多くとも1つのアクセントを選んでください:

ファミリー含まれるジャンル読み取り方
エーテリアル/神聖スピリチュアリズム、グレイシャルフォーク、ビーコンズ、ゼンコア、フェアリーテイル軽やか、神聖、輝く、柔らかい
ハイパーポップ/Y2K-サイバーサイバーデリア、アシッドハウス、アシッドノラ、ネオアグレッサーノ、ニューリキッド光沢、クロム、ネオン、カワイイ-サイバー
ダーク/オカルトダークアカデミア、スモークノスタルジア、コミュニストコア、アブストラクトテックハイコントラスト、不吉、粒子感
レトロ/印刷レトロサーファー、アールデコ、アドベンチャーパルプ、クラシック広告、マガジンコラージュ、バンパーステッカーフラット、グラフィック、ハーフトーン、ノスタルジック
オーガニック/テクスチャ微生物学コア、織りパターン、フルタージュレトロ、コージーブランケット、パシフィックパンクウェーブ触覚的、マクロ、織物、湿った
システム/データ数字、迷路、コードウェブ、ヒートマップ、ピクセル、8ビットグリッド状、生成的、図式的

現在のプロジェクトでは、プライマリはエーテリアル/神聖で、ハイパーポップ/Y2K-サイバーのアクセント — すなわち聖なる光と結晶質の咲き誇りに、クロムとネオンがアクセントとして加わります。この組み合わせこそがエンジェルコア×クラウドトランスのブリーフです。

ムードシステム — エンジェルコア×クラウドトランス

最も強いリファレンスリールから直接抽出。これが具体的なグレードです。

パレット

  • ベース: ほぼ黒の虚空 (#05060a) と骨白 (#f4f1ea)。ほとんどのフレームはどちらか一方。
  • 神聖アクセント: 溶けた金/残り火オレンジ (#ffb24d → #ff7a18) — 暗闇の中の唯一の暖かい光。
  • 結晶アクセント: 虹色の紫→シアン→マゼンタのボケ (#8a6bff, #4fc3ff, #ff6ad5) — ハイパーポップの咲き誇り、明るいフレームで使用。
  • 危険アクセント(控えめに): モノクロームに一点だけ光る赤 (#ff2a2a) — 1~2回の衝撃的なカットのみ。
  • ハイパーポップ被写体: キャンディピンクの髪/クロム/光沢のある白と青空。

ルール:1ショットに1アクセント。 金は暗いフレームに;虹色は明るいフレームに;決して1つのショットに両方はありません。

光とテクスチャ

  • 単一の暖かい光源(残り火の咲き誇り、神聖な光線)によって貫かれる暗闇。ハイコントラスト、深い黒。
  • 結晶質/きらめくボケ、レンズフレア、ブルーム、ライトリーク — 天国的で、汚れていません。
  • 暗いフレームにはフィルムグレイン+微妙な色収差;明るいフレームにはクリーンな光沢。
  • ネガティブスペース上のマクロディテール:黒を背景に中央に配置されたヒーローオブジェクト(鍵、目、歯車、花びら、水)。
  • 被写体:翼のある人物、雲、後光、天使、結晶構造、キャンディサイバーポートレート。

動き

  • ゆっくり、浮遊する、重量感のないカメラ(ドリフト、ゆっくりとしたプッシュ、ゆっくりとした軌道) — 雲トランス。
  • ドロップでのみ高速のバースト。それ以外はすべてが呼吸する。
  • 上昇する粒子(残り火、塵、きらめき) — 上向きの動き=昇天。

編集文法(抽出)

リファレンス編集から、繰り返し出現し、スタイルを定義するテクニック:

  1. ビートロックハードカット。 バース/ドロップではトランジションなし。キックでカット。目がBPMを感じるべき。
  2. ヒーローオンブラックマクロインサート。 黒のネガティブスペースに中央に配置された1つのシャープなオブジェクト、1~2ビート保持、その後カット。これらのリズミカルなモンタージュ=クラウドトランスのシグネチャー。
  3. ブルーム/爆発リビール。 トランジェントでフレームを白飛びさせる白または残り火のブルーム、その後次のショットに解像する。「神聖なフラッシュ」トランジション。
  4. モノクローム上のカラーポップ。 B&Wで一節を流し、その後ダウンビートで単一の色の要素(赤い目、金色の炎、ピンクの髪)が突き抜ける。
  5. ドロップへのスピードランプ。 ドロップ前の最後の小節でスローモーションから高速にランプし、テンポの1拍目でハードカット。
  6. キャプションキーワードハイライト(トーキングヘッド/歌詞セクションのみ)。 すべて大文字、アクセントカラーで1~2語をハイライト、ボーカルに同期。歌詞ビデオに使用、純粋なビジュアライザーには使用しない。
  7. リアクションPiP(解説/編集コメントのみ)。 b-roll上にピクチャーインピクチャーでトーキングヘッド。ミュージックビデオ自体の範囲外;コーパスが多用するため文書化。

禁止事項: テンポセクションでのクロスフェードトランジション;1ショットに複数のアクセントカラー;音楽フレーズを超えて保持されたショット;画面上のUIクローム(切り抜くこと);1つのタイムライン内での混合アスペクト比。

パイプライン — ECCビデオスキルの統合

このスキルは指揮者です。各ECCスキルは楽器です。レイヤーを飛ばさないでください。

0. TASTE (このスキル)        何かをレンダリングする前にジャンル+ムード+文法を決定
1. STRUCTURE (video-editing) 曲をマッピング:イントロ/バース/ドロップ/ブリッジ/アウトロのタイムスタンプ
2. GENERATE (fal-ai-media)   ジャンルプロンプトプリセットごとにb-rollを作成;80%破棄
3. CUT (video-editing/FFmpeg) ビートカット+9:16にリフレーム;グリッド上でセレクトをアセンブル
4. COMPOSE (remotion-video-creation) オーバーレイ、ブルーム、歌詞テキスト、ビート同期シーケンス
5. MOTION (motion-* スキル)  イージングカーブ、ライトリーク/パーティクルモーション、トランジションタイミング
6. AUDIO (fal-ai-media)      トランジションライザー/インパクトでカットを強化(トラック自体はAbletonで)
7. POLISH                   上記のパレットにグレーディング、最終ペーシングパス、エクスポート
8. DISTRIBUTE (content-engine) プラットフォームネイティブバージョン+キャプション/カバー
ステップロードするECCスキルここでの役割
構造とカットvideo-editingFFmpegでのカット/結合/リフレーム、EDL、シーン/無音検出
b-roll生成fal-ai-mediaジャンルプリセットごとの画像/ビデオモデル
合成とオーバーレイremotion-video-creationビート同期の<Sequence>、テキスト、ブルーム、マスク
モーションタイミングmotion-foundations, motion-patterns, motion-advancedイージング、スプリング、ライト/パーティクルモーション
サーバーサイドビデオvideodbスマートリフレーム、大規模フッテージのインデックス作成
配信content-engineプラットフォームごとのカット、カバー、キャプション
音声/歌詞VOvideo-editing (ElevenLabsセクション)話し言葉のレイヤーが必要な場合のみ

ビート計算(カットを曲にロック)

現在のトラックは 138 BPM、Bマイナー。定数:

  • seconds_per_beat = 60 / 138 = 0.43478s
  • frames_per_beat = fps × 0.43478 → 24fps: 10.43、30fps: 13.04、60fps: 26.09
  • 1 bar (4 beats) = 1.7391s → 30fps: 52.17 フレーム
  • 8-bar phrase = 13.913s → トラックのループ長

Remotionでは、すべての from={} をビートにスナップします:

const FPS = 30;
const BPM = 138;
const beat = (n: number) => Math.round(n * (60 / BPM) * FPS); // beat(n) → frame
// ビート0, 4, 8,...でカット: <Sequence from={beat(0)} durationInFrames={beat(4)}> ...

ビートマップされたショット計画(このミュージックビデオ)

曲の構成(プロジェクトノートより)は イントロ → バース → ドロップ → ブリッジ → ドロップ → アウトロ(約2:05)。各セクションに味覚をマッピング:

セクションジャンル/ムードの傾き文法ショットアイデア
イントロエーテリアル/神聖、ほぼ黒ゆっくりプッシュ、カットなし虚空の中の残り火の咲き誇り;一本の金色の光線;立ち上る塵
バースダーク+マクロヒーローオンブラック2ビートごとのハードカット鍵、目、歯車、水滴、花びら — リズミカルなマクロモンタージュ
ドロップハイパーポップの咲き誇り+結晶質スピードランプイン、1拍目でカット、高速キャンディピンクの人物、クロム、虹色ボケ、翼のある昇天
ブリッジスピリチュアリズム、無重力1つの長く保持されたショット、カラーポップ雲+後光;単一の赤いアクセントが一度パンチする
ドロップ2ドロップと同様、強度を上げるトランジェントに神聖フラッシュブルームを追加翼が開く、きらめきのバースト、ライトリーク最大
アウトログレイシャルフォーク、冷たい静けさゆっくりフェードアウト結晶構造が溶解;残り火が消える

fal.ai プロンプトプリセット(ムードごと)

fal-ai-media と共に使用。各プリセットは、プロジェクトのパレットにレンダリングされたジャンルです。すべてに 9:16, vertical, cinematic, film grain, volumetric light, no text, no watermark を追加してください。

  • 神聖な虚空: 「無限のほぼ黒の虚空中に上昇する単一の溶けた金色の残り火の咲き誇り、深い影、1つの暖かい光源、無重力の塵粒子、神聖、ハイコントラスト」
  • マクロヒーロー: 「アンティークの真鍮の鍵/人間の目/連動する歯車の極限マクロ、純粋な黒のネガティブスペースに中央配置、剃刀のように鋭いディテール、単一のリムライト」
  • 結晶質の咲き誇り: 「虹色の紫-シアン-マゼンタの結晶質ボケ、きらめく光の屈折、夢のようなレンズフレア、天国の輝き、ソフトフォーカス、ハイパーポップエンジェルコア」
  • キャンディサイバーポートレート: 「キャンディピンクの髪の人物、光沢のあるクロムアクセント、明るい青空、Y2Kハイパーポップ、クリーンな光沢、彩度高い、カワイイ-サイバー」
  • 翼のある昇天: 「雲の中に上昇する翼のある人物、光の後光、骨白と金、ボリューメトリックゴッドレイ、エーテリアル、宗教的図像、ソフト」
  • 冷たいアウトロ: 「ゆっくり溶解する青白い結晶氷の構造、グレイシャルフォーク、冷たい青と骨白、ミニマル、穏やか、フェードアウト」

プリセットごとに6~10生成し、2~3を保持。動きについては、画像からビデオへのモデルで静止画をアニメーション化するか、直接短いクリップを生成します。カメラの動きはモーションルールに従いゆっくりに保ちます。

FFmpegレシピ(カット+リフレーム)

# 任意のランドスケープ/rawクリップを9:16にリフレーム(中央クロップ)
ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4

# クリップを138BPMで正確にNビートにビートカット(例:2ビート = 0.8696s)
ffmpeg -i in.mp4 -t 0.8696 -c copy beat2.mp4

# ビート選択をバースモンタージュに連結
for f in selects/*.mp4; do echo "file '$f'"; done > concat.txt
ffmpeg -f concat -safe 0 -i concat.txt -c copy verse.mp4

# スクリーンレコードされたリファレンスからUIクローム/ステータスバーを取り除く(上+下をクロップ)
ffmpeg -i reel.mp4 -vf "crop=iw:ih-300:0:150" clean.mp4

Remotion コンポジションスケルトン(ビート同期)

import { AbsoluteFill, Sequence, Video, Img, useCurrentFrame, interpolate } from "remotion";

const FPS = 30, BPM = 138;
const beat = (n: number) => Math.round(n * (60 / BPM) * FPS);

const Bloom: React.FC = () => {
  const f = useCurrentFrame();
  const o = interpolate(f, [0, 3, 12], [0, 1, 0], { extrapolateRight: "clamp" }); // トランジェントでの神聖フラッシュ
  return <AbsoluteFill style={{ background: "radial-gradient(#fff,#ffb24d)", opacity: o, mixBlendMode: "screen" }} />;
};

export const AngelcoreMV: React.FC = () => (
  <AbsoluteFill style={{ background: "#05060a" }}>
    {/* バース:ヒーローオンブラックマクロ、2ビートごとにハードカット */}
    <Sequence from={beat(0)} durationInFrames={beat(2)}><Video src="/selects/key.mp4" /></Sequence>
    <Sequence from={beat(2)} durationInFrames={beat(2)}><Video src="/selects/eye.mp4" /></Sequence>
    <Sequence from={beat(4)} durationInFrames={beat(2)}><Video src="/selects/gear.mp4" /></Sequence>
    {/* ドロップ:結晶質の咲き誇り+1拍目でフラッシュ */}
    <Sequence from={beat(8)} durationInFrames={beat(16)}><Video src="/selects/crystalline.mp4" /></Sequence>
    <Sequence from={beat(8)} durationInFrames={beat(1)}><Bloom /></Sequence>
  </AbsoluteFill>
);

レンダリング:npx remotion render src/index.ts AngelcoreMV out.mp4。プロジェクト設定、オーディオトラックバインド、レンダーフラグについては remotion-video-creation を参照してください。

キープリンシプル

  1. 最初の生成の前にジャンルを決定する。 1つのプライマリファミリー+1つのアクセントを選択。
  2. 1ショットに1アクセントカラー。 暗闇には金、明るいところには虹色、赤は一度だけ。
  3. すべてのハードカットはビートに着地する。 ビート計算を使用。テンポセクションではトランジションなし。
  4. ヒーローオンブラックマクロがシグネチャームーブ。 これをマスターすれば、最も薄いb-rollでも運べる。
  5. まばゆいところに焦点を当てる。 エンジェルコアである:光源、反射、後光、きらめき。
  6. ルールを理解した上で破る。 スキルは制約を与え、それに対する反抗に意味を持たせるためにある。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

accessibility

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA. Use when building or auditing UI that must meet WCAG 2.2 Level AA, or when reviewing a change for keyboard, contrast, or screen-reader support.

affaan-m/content-engine

Create platform-native content systems for X, LinkedIn, TikTok, YouTube, newsletters, and repurposed multi-platform campaigns. Use when the user wants social posts, threads, scripts, content calendars, or one source asset adapted cleanly across platforms.

affaan-m/ECC

Multi-platform content distribution across X, LinkedIn, Threads, and Bluesky. Adapts content per platform using content-engine patterns. Never posts identical content cross-platform. Use when the user wants to distribute content across social platforms.

affaan-m/fal-ai-media

Unified media generation via fal.ai MCP — image, video, and audio. Covers text-to-image (Nano Banana), text/image-to-video (Seedance, Kling, Veo 3), text-to-speech (CSM-1B), and video-to-audio (ThinkSound). Use when the user wants to generate images, videos, or audio with AI.

affaan-m/manim-video

日本語翻訳:このファイルは manim-video 用の日本語翻訳が必要です

affaan-m/remotion-video-creation

Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

affaan-m/video-editing

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

agent-architecture-audit

Full-stack diagnostic for agent and LLM applications. Audits the 12-layer agent stack for wrapper regression, memory pollution, tool discipline failures, hidden repair loops, and rendering corruption. Produces severity-ranked findings with code-first fixes. Essential for developers building agent applications, autonomous loops, or any LLM-powered feature. Use when an agent or LLM feature misbehaves and the failing layer is unknown, or before shipping an agent stack.

agent-eval

Head-to-head comparison of coding agents (Claude Code, Aider, Codex, etc.) on custom tasks with pass rate, cost, time, and consistency metrics. Use when choosing between coding agents, or when a change to an agent setup needs measured pass rate, cost, and time rather than an impression.

agent-harness-construction

Design and optimize AI agent action spaces, tool definitions, and observation formatting for higher completion rates. Use when defining or revising an agent

agentic-engineering

Operate as an agentic engineer using eval-first execution, decomposition, and cost-aware model routing. Use when planning or executing engineering work that agents will carry out end to end.

agentic-os

Build persistent multi-agent operating systems on Claude Code. Covers kernel architecture, specialist agents, slash commands, file-based memory, scheduled automation, and state management without external databases. Use when building a persistent multi-agent system on Claude Code with its own memory, commands, and scheduling.

agent-introspection-debugging

Structured self-debugging workflow for AI agent failures using capture, diagnosis, contained recovery, and introspection reports. Use when an agent run fails and you need a reproducible diagnosis instead of a retry.

agent-payment-x402

Add x402 payment execution to AI agents with per-task budgets, spending controls, and non-custodial wallets. Supports Base through agentwallet-sdk and X Layer through OKX Payments / OKX Agent Payments Protocol. Use when an agent must pay for something itself and needs per-task budgets, spending controls, and a non-custodial wallet.

agent-self-evaluation

Use after completing any non-trivial task. The agent self-rates its output on 5 axes — accuracy, completeness, clarity, actionability, conciseness — with concrete evidence per criterion. Produces a structured 1-5 scorecard with specific improvement suggestions.

agent-sort

Build an evidence-backed ECC install plan for a specific repo by sorting skills, commands, rules, hooks, and extras into DAILY vs LIBRARY buckets using parallel repo-aware review passes. Use when ECC should be trimmed to what a project actually needs instead of loading the full bundle.

ai-first-engineering

Engineering operating model for teams where AI agents generate a large share of implementation output. Use when setting team process, review gates, or ownership rules for a codebase largely written by agents.

ai-regression-testing

Regression testing strategies for AI-assisted development. Sandbox-mode API testing without database dependencies, automated bug-check workflows, and patterns to catch AI blind spots where the same model writes and reviews code. Use when adding regression coverage to AI-assisted code, or when the same model both wrote and reviewed a change.

android-clean-architecture

Clean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns. Use when structuring modules, layers, or data flow in an Android or KMP project.

angular-developer

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

関連スキル