Communitygithub.com

Taste(品味層)

為音樂影片與短影音編輯提供 angelcore / cloud-trance / hyperpop 視覺系列的創意方向(品味)層,將命名流派的審美詞彙、情緒+色彩+光影系統、以及節拍同步剪輯語法濃縮成一個可操作流程。

Taste(品味層) 是什麼?

此「Taste(品味層)」技能位於 AI 影片生成(如 Stable Diffusion、fal.ai)之上,專門為音樂影片與短影音提供連貫、風格統一的視覺方向。它從大量參考 Reels 和約 70 個視覺流派目錄中提煉出 angelcore / cloud-trance / hyperpop 這個特定的品味,明確區分「如何渲染畫面」與「畫面應該長什麼樣子、按什麼順序、配合什麼節奏」。該技能提供了精確的色彩調色板(近黑底色、熔金/琥珀色神聖強調、虹彩暴力紫→青→洋紅超流行閃光)、光影質感(高對比、深黑、輝光、膠片顆粒)以及基於節拍的剪輯法則(硬切在重拍上、黑色負空間的微距英雄物件、神聖閃光轉場)。它明確串接其他 ECC 技能——使用 video-editing 進行結構與裁切、fal-ai-media 進行素材生成、remotion-video-creation 進行合成與疊加——形成一個完整的生成式影片製作管道。最關鍵的是,它要求在使用者輸入「taste」或提及相關風格(angelcore、cloud trance、hyperpop、Bladee)時自動啟動,確保所有生成與剪輯從一開始就遵循單一、刻意的主題,避免風格混亂或「AI 味」。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/affaan-m/ECC/tree/main/skills/taste

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

預覽

來自技能 README

說明文件

Taste(品味層) 是做什麼的?

多數 AI 影片建議只到「如何渲染影格」。這個技能是更上一層: 畫面應該長什麼樣子、按什麼順序、配合什麼節奏剪接,讓結果讀起來像一個有意的作品,而非一堆隨機生成的片段。

它編碼了一個特定的品味——angelcore / cloud-trance / hyperpop 家族(Bladee「Silver Surfer」時代的空靈出神交織濃烈的天使核)——從儲存的 Reels 語料庫和約 70 個視覺流派目錄中提煉而成。它刻意保持主觀。品味是一種觀點,而非菜單。

附帶檔案 references/genre-taxonomy.md 包含完整的命名流派目錄。 此檔案為可操作層:情緒、語法、流程,以及以節拍為基礎的鏡頭計畫。

何時啟用

  • 建立音樂影片、歌詞影片、粉絲剪輯或視覺化作品。
  • 製作短影音 / Reel,其中「感覺」比資訊更重要。
  • 驅動 AI 素材生成(fal.ai、Veo、Kling 等),提示需要一個一致的方向,而非隨機的氛圍。
  • 在開始渲染之前,組合情緒板或選擇視覺流派。
  • 使用者說出「taste」、「讓它感覺像 X」、「給它一個方向」、「angelcore」、「cloud trance」、「hyperpop edit」、「Bladee」、「dreamcore」,或提到某個已儲存的參考。
  • 目前的編輯看起來可行,但感覺平淡、普通、AI 味,或風格不一致。

這個技能位於 video-editing(機制)和 remotion-video-creation(渲染器)之上。使用那些技能處理「如何」,使用這個技能處理「什麼與為什麼」。

核心論點

  1. 品味是最後一層,但必須優先決定。 video-editing 正確指出品味是最後的人工潤色階段。陷阱在於:若只在最後才決定品味,則每次生成與剪接從一開始就是在猜測。在第一次撰寫提示之前就選定方向,然後讓它約束一切。
  2. 連貫性勝過新穎性。 一種視覺風格貫穿 30 個鏡頭,勝過 30 種風格。一個命名流派(如下)是一種約束,能免費帶來連貫性。
  3. 配合歌曲剪接,而非配合素材。 在音樂影片中,時間軸就是波形。每一個硬切都要落在重拍或瞬態上。影格數學在流程段落中。
  4. 選擇性地生成,無情地剪輯。 AI 製作不存在的素材;它不產生品味。你仍然要丟棄 80%。

審美詞彙(精簡版)

參考語料庫巡覽了一個龐大的命名視覺流派庫。完整列表位於 references/genre-taxonomy.md。實用做法不是記住 70 個名稱,而是理解一個流派名稱就是一個完整的提示與調色預設。 當你選擇一個流派時,你就繼承了它的調色板、質感、光線和主體,作為一個整體單元。

這些流派可分類為幾個家族。選擇一個主要家族,最多一個強調家族:

家族包含的流派感覺為
空靈 / 神聖靈性主義、冰河民謠、燈塔、禪核、童話無重力、神聖、發光、柔和
超流行 / Y2K 數位賽博迪利亞、迷幻浩室、酸色諾拉、新侵略風、新液體光澤、鉻色、霓虹、可愛數位
黑暗 / 神秘黑暗學院、煙霧懷舊、共產核心、抽象科技高對比、不祥、顆粒感
復古 / 印刷復古衝浪者、裝飾藝術、冒險通俗、經典廣告、雜誌拼貼、保險桿貼紙平面、圖形化、網點、懷舊
有機 / 質感微生物核心、編織圖案、水果復古、舒適毯子、太平洋龐克浪潮觸覺、微距、交織、潮濕
系統 / 數據數字、迷宮、程式碼網絡、熱圖、像素、8 位元網格狀、生成式、示意圖

對於當前專案,主要為空靈 / 神聖,加上超流行 / Y2K 數位強調——即聖光與水晶綻放,點綴鉻色與霓虹。這個配對就是 angelcore × cloud-trance 的簡報。

情緒系統——angelcore × cloud-trance

直接從最強的參考 Reels 中提煉。這是具體的調色設定。

調色板

  • 底色: 近黑虛空(#05060a)和骨白色(#f4f1ea)。多數影格是兩者之一。
  • 神聖強調色: 熔金 / 琥珀橙(#ffb24d → #ff7a18)——黑暗中的一個暖光。
  • 水晶強調色: 虹彩紫→青→洋紅散景(#8a6bff, #4fc3ff, #ff6ad5)——超流行的綻放,用於明亮影格。
  • 危險強調色(謹慎使用): 黑白畫面上的單一發光紅色(#ff2a2a)——僅用於一兩次衝擊切換。
  • 超流行主體: 糖果粉色頭髮 / 鉻色 / 藍天背景下的光澤白色。

規則:每個鏡頭只能有一種強調色。 金色存在於暗影格中;虹彩存在於亮影格中;一個鏡頭中不能同時出現兩者。

光線與質感

  • 黑暗被單一暖光源刺穿(餘燼綻放、神聖光束)。高對比,深黑。
  • 水晶 / 閃光散景、鏡頭眩光、輝光、光漏——天堂般,而非骯髒。
  • 暗影格上的膠片顆粒與輕微色差;亮影格上的乾淨光澤。
  • 負空間上的微距細節:黑底上置中的英雄物件(鑰匙、眼睛、齒輪、花瓣、水)。
  • 主體:翅膀人物、雲朵、光環、天使、水晶結構、糖果數位肖像。

動態

  • 緩慢、漂浮、無重力運鏡(漂移、慢推、慢環繞)——雲端出神。
  • 只有在重拍部分才出現速度爆發。否則一切都保持呼吸感。
  • 粒子向上飄升(餘燼、塵埃、閃光)——向上運動=昇華。

剪輯語法(精簡版)

從參考剪輯中,反覆出現並定義風格的技巧:

  1. 鎖定節拍的硬切。 在主歌/重拍部分不使用轉場。踩在大鼓上切換。眼睛應該感受到 BPM。
  2. 黑底英雄微距插入。 一個單一銳利物體置中於黑色負空間中,停留 1-2 拍,然後切換。這些節奏性蒙太奇 = cloud-trance 的標誌。
  3. 綻放 / 爆發揭示。 一個白色或餘燼色的綻放使影格在瞬態上爆開,然後過渡到下一個鏡頭。「神聖閃光」轉場。
  4. 黑白畫面上的色彩彈出。 先運行一段黑白畫面,然後一個單一彩色元素(紅眼、金色火焰、粉色頭髮)在重拍上突然出現。
  5. 進入重拍前的速度曲線。 在最後一個小節前將素材從慢速加速到快,並在強拍上硬切回正常節奏。
  6. 字幕關鍵字強調(僅用於談話頭 / 歌詞部分)。 全大寫,一兩個字以強調色標示,與人聲同步。用於歌詞影片,非純視覺化作品。
  7. 反應畫中畫(僅用於解說 / 編輯評論)。 畫中畫談話頭疊加在素材上。音樂影片本身不涵蓋,但語料庫中大量使用,故此記錄。

不應做的事: 在節奏段落中使用交叉淡出轉場;每個鏡頭超過一種強調色;鏡頭停留超過音樂短語長度;螢幕上可讀的 UI 元素(裁剪掉);同一時間軸中混合不同長寬比。

流程——整合 ECC 影片技能

這個技能是指揮。每個 ECC 技能都是一種樂器。不要跳過層級。

0. TASTE(此技能)        在渲染任何內容前先決定流派 + 情緒 + 語法
1. STRUCTURE(video-editing) 映射歌曲:前奏/主歌/重拍/橋段/尾奏的時間戳記
2. GENERATE(fal-ai-media)   根據流派提示預設生成素材;丟棄 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、場景/靜音檢測
生成素材fal-ai-media按流派預設的圖片/影片模型
合成與疊加remotion-video-creation節拍同步的 <Sequence>、文字、綻放、遮罩
動態時序motion-foundations、motion-patterns、motion-advanced緩動、彈簧、光/粒子動畫
伺服器端影片videodb智慧重新構圖、大量素材時建立索引
發布content-engine按平台剪輯、封面、字幕
語音/歌詞配音video-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)。將品味映射到每個段落:

段落流派/情緒傾向語法鏡頭想法
前奏空靈/神聖,近黑慢推,無切換虛空中的餘燼綻放;一道金色光束;塵埃上升
主歌黑暗 + 微距英雄黑底每 2 拍硬切鑰匙、眼睛、齒輪、水滴、花瓣——節奏性微距蒙太奇
重拍超流行綻放 + 水晶速度曲線進入,在強拍上切,快速糖果粉色人物、鉻色、虹彩散景、翅膀昇華
橋段靈性主義,無重力一個長鏡頭,色彩彈出雲朵 + 光環;單一紅色強調色出現一次
重拍2如同重拍,加強在瞬態上加入神聖閃光綻放翅膀張開、閃光爆發、光漏全開
尾奏冰河民謠,冷靜慢淡出至黑水晶結構溶解;餘燼熄滅

fal.ai 提示預設(按情緒)

與 fal-ai-media 搭配使用。每個預設都是該流派渲染到專案調色板的結果。在所有提示後加上 9:16, vertical, cinematic, film grain, volumetric light, no text, no watermark。

  • 神聖虛空:「一個熔金餘燼綻放在無限近黑虛空中上升,深陰影,一個暖光源,無重力塵埃粒子,神聖,高對比」
  • 微距英雄:「一個古董黃銅鑰匙 / 人類眼睛 / 相互咬合的齒輪的極致微距,置中於純黑負空間,極銳細節,單一邊緣光」
  • 水晶綻放:「虹彩紫-青-洋紅水晶散景、閃爍光折射、夢幻鏡頭眩光、天堂般輝光、柔焦、超流行天使核」
  • 糖果數位肖像:「糖果粉色頭髮人物、光澤鉻色裝飾、亮藍天空、Y2K 超流行、乾淨光澤、飽和、可愛數位」
  • 翅膀昇華:「一個翅膀人物升入雲端、光環、骨白色與金色、體積光、空靈、宗教圖像、柔和」
  • 冰冷尾奏:「蒼白水晶冰結構緩慢溶解、冰河民謠、冷藍與骨白色、極簡、平靜、淡出至黑」

每個預設生成 6-10 個,保留 2-3 個。對於動態,使用圖像轉影片模型讓靜態圖產生動畫,或直接生成短片;根據動態規則保持運鏡緩慢。

FFmpeg 配方(裁切 + 重新構圖)

# 將任何橫向/原始素材重新構圖為 9:16(中心裁切)
ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4

# 將一個素材裁切為剛好 N 拍(138 BPM 下,例如 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>
    {/* 重拍:水晶綻放 + 在強拍上閃光 */}
    <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. 每個鏡頭只能有一種強調色。 金色在暗部,虹彩在亮部,紅色只出現一次。
  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/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.

相關技能