Communitygithub.com

Taste (취향)

뮤직 비디오와 숏폼 편집을 위한 창의적 방향성(취향) 레이어입니다. angelcore / cloud-trance / hyperpop 비주얼 계열의 장르 미적 어휘, 분위기 + 색상 + 조명 시스템, 그리고 비트 동기화 편집 문법을 정의하고 ECC 파이프라인을 연결합니다.

Taste (취향)란 무엇인가요?

이 스킬은 단순히 프레임을 렌더링하는 방법을 넘어, **프레임이 어떻게 보여야 하고, 어떤 순서로 배치되어야 하며, 어떤 리듬에 맞춰 절단되어 최종 결과물이 무작위 생성물 더미가 아닌 하나의 의도적인 작품으로 읽히게 할지**를 결정합니다. angelcore / cloud-trance / hyperpop 계열(Bladee 'Silver Surfer' 시대의 천상 트랜스와 강렬한 angelcore의 결합)의 구체적인 취향을 인코딩하며, 저장된 Reels 코퍼스와 약 70개 항목의 비주얼 장르 라이브러리에서 추출되었습니다. 이 스킬은 의도적으로 편향되어 있습니다. 취향은 관점이지 메뉴가 아니기 때문입니다. `video-editing` (기계적 작업)과 `remotion-video-creation` (렌더러) 위에 위치하여, '어떻게'가 아닌 '무엇을, 왜'에 집중합니다. 주로 뮤직 비디오, 리릭 비디오, 팬캠, 비주얼라이저 제작 시 활성화되며, beat-locked 하드 컷, hero-on-black 매크로 인서트, 블룸/폭발 전환, 컬러팝, 스피드 램프 등 구체적인 편집 문법을 제공하고, 138 BPM 트랙에 맞춘 비트 계산법과 Remotion 컴포지션 스켈레톤 코드를 포함합니다.

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

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

미리보기

스킬 README에서

문서

Taste (취향)은(는) 무엇을 하나요?

대부분의 AI 비디오 조언은 프레임을 렌더링하는 방법에서 멈춥니다. 이 스킬은 그 위의 레이어입니다: 프레임이 어떻게 보여야 하는지, 어떤 순서로, 어떤 리듬에 맞춰 잘라야 결과물이 생성물 더미가 아닌 하나의 의도적인 작품으로 읽히는지를 결정합니다.

이는 특정한 취향 — angelcore / cloud-trance / hyperpop 계열(Bladee 'Silver Surfer' 시대의 천상 트랜스와 강렬한 angelcore의 결합) — 을 인코딩하며, 저장된 Reels 코퍼스와 약 70개 항목의 비주얼 장르 라이브러리 탐색에서 추출되었습니다. 의도적으로 편향되어 있습니다. 취향은 관점이지 메뉴가 아닙니다.

동반 파일 references/genre-taxonomy.md에는 전체 명명된 장르 카탈로그가 있습니다. 이 파일은 실행 가능한 레이어입니다: 분위기, 문법, 파이프라인, 그리고 비트 매핑된 샷 계획.

활성화 시점

  • 뮤직 비디오, 리릭 비디오, 팬캠, 또는 비주얼라이저를 제작할 때.
  • 정보보다 느낌이 더 중요한 숏폼 편집 / 릴을 만들 때.
  • AI b-roll 생성(fal.ai, Veo, Kling 등)을 구동하며, 프롬프트에 일회성 분위기가 아닌 일관된 방향이 필요할 때.
  • 무드보드를 구성하거나 렌더링 전에 비주얼 장르를 선택할 때.
  • 사용자가 "취향", "X처럼 느껴지게 해줘", "방향을 제시해줘", "angelcore", "cloud trance", "hyperpop edit", "Bladee", "dreamcore"라고 말하거나 저장된 참조 이름을 언급할 때.
  • 현재 편집이 평범하거나, 일반적이거나, AI 슬롭처럼 보이거나, 스타일적으로 일관성이 없을 때.

이 스킬은 video-editing (기계적 작업)과 remotion-video-creation (렌더러) 위에 위치합니다. '어떻게'를 위해서는 그것들을 사용하세요. '무엇과 왜'를 위해서는 이것을 사용하세요.

핵심 명제

  1. 취향은 마지막 레이어이며, 먼저 결정되어야 합니다. video-editing은 취향이 최종 인간 패스라고 올바르게 말합니다. 함정: 마지막에만 취향을 결정하면 이전의 모든 생성과 편집은 추측이 됩니다. 첫 프롬프트 전에 방향을 선택하고, 그 방향이 모든 것을 제약하도록 하십시오.
  2. 일관성이 참신함을 이깁니다. 30개의 샷에서 하나의 룩을 실행하는 것이 30개의 룩을 만드는 것보다 낫습니다. 명명된 장르(아래)는 무료로 일관성을 제공하는 제약 조건입니다.
  3. 노래에 맞춰 편집하고, 푸티지에 맞추지 마십시오. 뮤직 비디오에서 타임라인은 웨이브폼입니다. 모든 하드 컷은 비트나 트랜지언트에 맞춰집니다. 프레임 계산은 파이프라인 섹션에 있습니다.
  4. 선별적으로 생성하고, 가차없이 편집하십시오. AI는 존재하지 않는 b-roll을 만들지만, 취향을 만들지는 않습니다. 여전히 80%는 버려야 합니다.

미적 어휘 (축약됨)

참조 코퍼스는 명명된 비주얼 장르의 대규모 라이브러리를 탐색합니다. 전체 목록은 references/genre-taxonomy.md에 있습니다. 유용한 방법은 70개의 이름을 외우는 것이 아니라 장르 이름이 완전한 프롬프트 및 그레이드 프리셋임을 인식하는 것입니다. 하나를 선택하면 팔레트, 텍스처, 조명, 피사체가 하나의 단위로 상속됩니다.

장르는 계열로 그룹화됩니다. 기본 계열과 최대 하나의 악센트를 선택하십시오:

계열포함된 장르느낌
천상 / 신성spiritualism, glacial folk, beacons, zen core, fairy tale무중력, 신성함, 빛남, 부드러움
Hyperpop / Y2K-사이버cyberdelia, acid house, acid nora, neo aggressano, new liquid광택, 크롬, 네온, 카와이-사이버
어둡고 / 오컬트dark academia, smoke nostalgia, communist core, abstract tech고대비, 불길함, 그레인
레트로 / 인쇄물retro surfers, art deco, adventure pulp, classic advertising, magazine collage, bumper stickers평면적, 그래픽, 하프톤, 향수
유기적 / 텍스처microbiology core, weaving patterns, fruitage retro, cozy blanket, pacific punk wave촉각적, 매크로, 직조, 젖음
시스템 / 데이터numbers, mazes, code web, heatmap, pixel, 8-bit격자, 생성적, 도식적

현재 프로젝트의 경우, 기본은 천상 / 신성이고 Hyperpop / Y2K-사이버 악센트가 결합됩니다 — 즉, 신성한 빛과 수정 같은 발산에 크롬과 네온이 강조됩니다. 이 페어링이 바로 angelcore × cloud-trance 브리핑입니다.

분위기 시스템 — angelcore × cloud-trance

가장 강력한 참조 릴에서 직접 추출했습니다. 이것이 구체적인 그레이드입니다.

팔레트

  • 기본: 거의 검은색의 공허(#05060a)와 본색 하얀색(#f4f1ea). 대부분의 프레임은 둘 중 하나입니다.
  • 신성 악센트: 용융된 금 / 앰버 오렌지(#ffb24d → #ff7a18) — 어둠 속의 하나의 따뜻한 빛.
  • 수정 악센트: 무지개 빛깔의 바이올렛→시안→마젠타 보케(#8a6bff, #4fc3ff, #ff6ad5) — 밝은 프레임에서 사용되는 hyperpop 발산.
  • 위험 악센트 (드물게): 단색 위의 단일 붉은 빛(#ff2a2a) — 충격 컷 한두 개에만 사용.
  • Hyperpop 피사체: 캔디 핑크 머리카락 / 크롬 / 파란 하늘 배경의 광택 흰색.

규칙: 샷당 하나의 악센트. 금색은 어두운 프레임에, 무지개 빛은 밝은 프레임에; 한 샷에 둘 다 넣지 마십시오.

조명 및 텍스처

  • 단일 따뜻한 광원(앰버 발산, 신성한 기둥)에 의해 뚫린 어둠. 고대비, 깊은 검정.
  • 수정 / 반짝이는 보케, 렌즈 플레어, 블룸, 라이트 릭 — 천상적이며, 더럽지 않음.
  • 어두운 프레임에는 필름 그레인 + 미묘한 색수차; 밝은 프레임에는 깨끗한 광택.
  • 네거티브 공간의 매크로 디테일: 검은색 배경에 중심에 있는 히어로 오브제(열쇠, 눈, 기어, 꽃잎, 물).
  • 피사체: 날개 달린 형상, 구름, 후광, 천사, 수정 구조, 캔디-사이버 초상화.

모션

  • 느리고, 떠다니는 듯한, 무중력 카메라(드리프트, 느린 푸시, 느린 궤도) — 구름 트랜스.
  • 드롭에서만 속도 폭발. 그 외에는 모든 것이 숨을 쉽니다.
  • 입자 상승(잿불, 먼지, 반짝임) — 위쪽 모션 = 승천.

편집 문법 (축약됨)

참조 편집에서 되풀이되며 스타일을 정의하는 기법들:

  1. 비트-락 하드 컷. 절/드롭에서 디졸브 없음. 킥에 맞춰 자르기. 시청자가 BPM을 느껴야 합니다.
  2. 검은 배경의 히어로-온-블랙 매크로 인서트. 검은 네거티브 공간에 중심에 있는 단일 선명한 오브제, 1–2비트 동안 유지, 그런 다음 컷. 이것들의 리드미컬한 몽타주 = cloud-trance 시그니처.
  3. 블룸 / 폭발 리빌. 트랜지언트에서 프레임을 날려버리는 흰색 또는 앰버 블룸이 다음 샷으로 해소됩니다. "신성한 섬광" 전환.
  4. 단색 위의 컬러-팝. 흑백으로 구간을 실행한 다음, 다운비트에 단일 색상 요소(붉은 눈, 금색 불꽃, 분홍 머리카락)가 튀어나옵니다.
  5. 드롭으로의 스피드-램프. 드롭 직전 마지막 마디에서 느린 푸티지를 빠르게 램프 업, 첫 비트에 템포에 맞춰 하드 컷.
  6. 캡션 키워드 강조 (토킹헤드/리릭 섹션 전용). 모두 대문자, 악센트 색상으로 하나 또는 두 단어 강조, 보컬에 동기화. 순수 비주얼라이저가 아닌 리릭 비디오에 사용.
  7. 반응 PiP (설명/편집-코멘터리 전용). b-roll 위의 화면 속 화면 토킹 헤드. 뮤직 비디오 자체의 범위를 벗어나지만, 코퍼스가 많이 사용하므로 문서화됨.

금지사항: 템포 구간에서의 크로스페이드 전환; 샷당 하나 이상의 악센트 색상; 음악적 프레이즈를 넘어 유지되는 샷; 읽을 수 있는 온스크린 UI 크롬(자르기); 하나의 타임라인에 혼합된 화면 비율.

파이프라인 — 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-* skills)   이징 곡선, 라이트-릭/입자 모션, 전환 타이밍
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 단조입니다. 상수:

  • 초_당_비트 = 60 / 138 = 0.43478초
  • 프레임_당_비트 = fps × 0.43478 → 24fps: 10.43, 30fps: 13.04, 60fps: 26.09
  • 1 마디 (4 비트) = 1.7391초 → 30fps: 52.17 프레임
  • 8마디 프레이즈 = 13.913초 → 트랙의 루프 길이

Remotion에서 모든 from={}을 비트에 스냅합니다:

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

비트-매핑된 샷 계획 (이 뮤직 비디오)

노래 구성은 (프로젝트 노트에 따르면) **인트로 → 절 → 드롭 → 브릿지 → 드롭 → 아웃트로 (~2:05)**입니다. 각 섹션에 취향을 매핑하십시오:

섹션장르/분위기 기울기문법샷 아이디어
인트로천상/신성, 거의 검정느린 푸시, 컷 없음공허 속의 앰버 발산; 하나의 금색 기둥; 먼지 상승
절어두움 + 매크로 히어로-온-블랙2비트마다 하드 컷열쇠, 눈, 기어, 물방울, 꽃잎 — 리드미컬한 매크로 몽타주
드롭Hyperpop 발산 + 수정 같은스피드 램프 인, 첫 비트에 컷, 빠름캔디-핑크 형상, 크롬, 무지개 빛 보케, 날개 달린 승천
브릿지영성, 무중력하나의 긴 유지 샷, 컬러-팝구름 + 후광; 단일 빨간 악센트가 한 번 튀어나옴
드롭 2드롭과 동일, 강화트랜지언트에 신성한 섬광 블룸 추가날개 펼침, 반짝임 폭발, 라이트 릭 최대
아웃트로Glacial folk, 차가운 평온느린 페이드 투 블랙용해되는 수정 구조; 앰버 꺼짐

fal.ai 프롬프트 프리셋 (분위기별)

fal-ai-media와 함께 사용하십시오. 각 프리셋은 프로젝트 팔레트로 렌더링된 장르입니다. 모든 프롬프트에 9:16, 세로, 시네마틱, 필름 그레인, 볼류메트릭 라이트, 텍스트 없음, 워터마크 없음을 추가하십시오.

  • 신성한 공허: "무한한 거의 검은 공허에서 솟아오르는 단일 용융 금색 앰버 발산, 깊은 그림자, 하나의 따뜻한 광원, 무중력 먼지 입자, 신성함, 고대비"
  • 매크로 히어로: "앤틱 황동 열쇠 / 인간의 눈 / 맞물리는 기어의 극단적 매크로, 순수 검정 네거티브 공간에 중심, 면도날처럼 선명한 디테일, 단일 림 라이트"
  • 수정 발산: "무지개 빛 바이올렛-시안-마젠타 수정 보케, 반짝이는 광선 굴절, 꿈 같은 렌즈 플레어, 천상의 빛, 소프트 포커스, hyperpop angelcore"
  • 캔디-사이버 초상: "캔디-핑크 머리카락 형상, 광택 크롬 악센트, 밝은 파란 하늘, Y2K hyperpop, 깨끗한 광택, 채도 높음, 카와이-사이버"
  • 날개 달린 승천: "구름 속으로 승천하는 날개 달린 형상, 빛의 후광, 본색 화이트와 골드, 볼류메트릭 갓-레이, 천상, 종교적 도상학, 부드러움"
  • 차가운 아웃트로: "서서히 용해되는 창백한 수정 얼음 구조, glacial folk, 차가운 파랑과 본색 화이트, 미니멀, 평온, 어둠 속으로 페이드"

프리셋당 6–10개 생성, 2–3개 유지. 모션을 위해 이미지-투-비디오 모델로 정적 이미지에 애니메이션을 적용하거나 짧은 클립을 직접 생성하십시오. 모션 규칙에 따라 카메라 움직임을 느리게 유지하십시오.

FFmpeg 레시피 (컷 + 리프레임)

# 모든 가로/원본 클립을 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>
    {/* 드롭: 수정 발산 + 첫 비트의 섬광 */}
    <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. 히어로-온-블랙 매크로는 시그니처 무브입니다. 이를 마스터하십시오; 프로젝트의 무게를 지탱합니다.
  5. 생성하고, 버리고, 또 버리십시오. 80%는 거절합니다. 남은 20%는 취향입니다.

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.

관련 스킬