Communitygithub.com

taste

ミュージックビデオやショート動画のためのクリエイティブ・ディレクション(=「趣味」)レイヤー。angelcore / cloud-trance / hyperpop ビジュアルファミリー向けの美的語彙、ムード・色彩・照明システム、ビート同期編集文法を定義し、ECC パイプラインを統合します。

taste とは?

このスキルは、AI 動画生成において「フレームをどうレンダリングするか」ではなく、「フレームをどのように見せ、どの順序で、どんなリズムでカットするか」という、いわゆる「taste(趣味)」のレイヤーをコード化したものです。angelcore、cloud-trance、hyperpop というビジュアルファミリー(Bladee「Silver Surfer」時代のエーテル的なトランスと重厚なエンジェルコアの融合)に特化しており、70近いビジュアルジャンルを収録したライブラリから抽出された、明確な意見を持つ美的体系を提供します。具体的には、色相(漆黒のボイド、骨白、溶けた金、虹色のボケ)・光と質感(高コントラスト、単一光源、クリスタルボケ)・動き(スローで浮遊感のあるカメラ、ドロップでのみ加速)を定義したムードシステムと、ビートロックカットやモノクロへの色差し、スピードランプといった編集文法を備えています。これらの要素は、`video-editing`(構造・カット)、`fal-ai-media`(Bロール生成)、`remotion-video-creation`(構成・オーバーレイ)、`motion-foundations`(モーションタイミング)などの ECC スキル群と連携するパイプラインに組み込まれています。このスキルの核心は「最初のプロンプトを打つ前に方向性を決め、その制約によって全ての生成と編集を一貫させる」という考え方にあり、最終的にビートマップされた Remotion 用のショット計画と fal.ai 用のプロンプトプリセットが提供されます。

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

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

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

プレビュー

スキル README より

ドキュメント

Taste(taste)

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

これは特定のtaste(趣味)——angelcore / cloud-trance / hyperpop ファミリー(Bladee「Silver Surfer」時代のエーテル的なトランス×重厚なエンジェルコア)——をコード化したものです。保存されたReel群と約70エントリのビジュアルジャンルライブラリのツアーから抽出されました。意図的に意見を持っています。Taste は視点であり、メニューではありません。

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

アクティベートすべきとき

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

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

核となるテーゼ

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

美的語彙(抽出)

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

ジャンルはファミリーにクラスタリングされます。プライマリファミリーと、最大一つのアクセントを選んでください。

ファミリー含まれるジャンル読み味
エーテリアル / ディヴァインスピリチュアリズム、氷河フォーク、ビーコンズ、禅コア、フェアリーテイル無重力、神聖、輝く、ソフト
ハイパーポップ / Y2K-サイバーサイバーデリア、アシッドハウス、アシッドノラ、ネオアグレッサーノ、ニューリキッド光沢、クローム、ネオン、カワイイ-サイバー
ダーク / オカルトダークアカデミア、スモークノスタルジア、共産主義コア、抽象テック高コントラスト、不気味、グレイン
レトロ / 印刷レトロサーファー、アールデコ、アドベンチャーパルプ、クラシック広告、マガジンコラージュ、バンパーステッカーフラット、グラフィック、ハーフトーン、郷愁
オーガニック / テクスチャ微生物学コア、織りパターン、フルタージュレトロ、心地よい毛布、パシフィックパンクウェーブ触覚的、マクロ、織り込まれた、濡れた
システム / データ数字、迷路、コードウェブ、ヒートマップ、ピクセル、8ビットグリッド状、生成的、図式的

現在のプロジェクトでは、プライマリはエーテリアル / ディヴァイン、アクセントはハイパーポップ / Y2K-サイバー——すなわち、神聖な光と結晶のような開花、クロームとネオンで区切られたもの。この組み合わせこそが angelcore × cloud-trance のブリーフです。

ムードシステム — angelcore × cloud-trance

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

パレット

  • ベース: ほぼ黒のボイド (#05060a) と骨白 (#f4f1ea)。ほとんどのフレームはどちらか。
  • ディヴァインアクセント: 溶けた金 / 残り火オレンジ (#ffb24d → #ff7a18) — 闇の中の一つの暖かい光。
  • クリスタラインアクセント: 虹色の紫→シアン→マゼンタのボケ (#8a6bff, #4fc3ff, #ff6ad5) — 明るいフレームで使うハイパーポップの開花。
  • デンジャーアクセント(控えめに): モノクロに対する単一の輝く赤 (#ff2a2a) — 1~2ショックカットのみ。
  • ハイパーポップ被写体: キャンディピンクの髪 / クローム / 青空に対して光沢のある白。

ルール:1ショットにつき1アクセント。 金は暗いフレームに、虹色は明るいフレームに。決して同じショットに両方は入れない。

光とテクスチャ

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

動き

  • スローで浮遊感のある、無重力のカメラ(ドリフト、スロープッシュ、スローオービット) — 雲トランス。
  • スピードのバーストはドロップ時のみ。それ以外はすべて呼吸する。
  • 上昇する粒子(残り火、ほこり、キラキラ) — 上向きの動き=昇天。

編集文法(抽出)

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

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

禁止事項: テンポセクションでのクロスフェードトランジション、1ショットに複数のアクセントカラー、ショットを音楽フレーズ以上保持、読み取り可能なオンスクリーンUIクローム(トリミングして除去)、単一タイムライン内での異なるアスペクト比。

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

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

0. TASTE(このスキル)         何かをレンダリングする前に、ジャンル+ムード+文法を決定
1. STRUCTURE(video-editing) 曲をマッピング:イントロ/ヴァース/ドロップ/ブリッジ/アウトロのタイムスタンプ
2. GENERATE(fal-ai-media)   ジャンルプロンプトプリセットでBロールを生成、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 cut/concat/reframe、EDL、シーン/無音検出
Bロール生成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 frames
  • 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)。各セクションに taste をマッピング:

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

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

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

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

プリセットごとに6–10生成、2–3を保持。モーションには、静止画を画像-to-動画モデルでアニメーション化するか、直接短いクリップを生成。カメラの動きはモーションルールに従いスローに保つ。

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

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

# クリップを138 BPMで正確にNビートにカット(例:2ビート=0.8696秒)
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. 最初の生成の前にジャンルを決定する。 一つのプライマリファミリー+一つのアクセントを選ぶ。
  2. 1ショットにつき1アクセントカラー。 暗闇には金、光には虹色、赤は一度だけ。
  3. すべてのハードカットはビートに合わせる。 ビート計算を使用し、テンポセクションではトランジションを使わない。
  4. 黒背景のヒーローマクロがシグネチャームーブ。 それをマスターせよ。それが多くの部分を支える。

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/claude-api

Anthropic Claude API patterns for Python and TypeScript. Covers Messages API, streaming, tool use, vision, extended thinking, batches, prompt caching, and Claude Agent SDK. Use when building applications with the Claude API or Anthropic SDKs.

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

affaan-m/everything-claude-code

Development conventions and patterns for everything-claude-code. JavaScript project with conventional commits.

affaan-m/everything-claude-code-conventions

Development conventions and patterns for everything-claude-code. JavaScript project with conventional commits.

affaan-m/frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

affaan-m/gget

gget CLI and Python workflow for quick genomic database queries, sequence lookup, BLAST-style searches, enrichment checks, and reproducible bioinformatics evidence logs.

affaan-m/literature-review

Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.

affaan-m/motion-ui

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

affaan-m/project-guidelines-example

Example project-specific skill template based on a real production application.

affaan-m/pubmed-database

Direct PubMed and NCBI E-utilities search workflows for biomedical literature, MeSH queries, PMID lookup, citation retrieval, and API-backed literature monitoring.

affaan-m/scholar-evaluation

Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.

affaan-m/uspto-database

USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.

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.

関連スキル