Communitygithub.com

taste (gosto estético)

Uma camada de direção criativa (gosto estético) para videoclipes e edições curtas na família visual angelcore / cloud-trance / hyperpop. Destila um vocabulário estético de gênero nomeado, um sistema de humor + cor + luz e uma gramática de edição sincronizada com a batida, em seguida, encadeia as habilidades ECC.

O que é taste (gosto estético)?

Esta skill é uma camada de direção criativa (gosto estético) projetada para dar identidade visual a videoclipes, edições curtas e conteúdos no estilo angelcore, cloud-trance e hyperpop. Ela vai além de dicas técnicas de renderização, focando no que as imagens devem mostrar, em que ordem e com qual ritmo, para que o resultado final seja coeso e intencional. A skill oferece um sistema completo que inclui paletas de cores, texturas, iluminação, gramática de edição (como cortes sincronizados com a batida) e até planos de cena pré-definidos para diferentes seções de uma música. Ela é projetada para ser usada em conjunto com outras habilidades ECC, como `video-editing` para a mecânica de edição e `remotion-video-creation` para a renderização, funcionando como o 'maestro' que define a direção criativa antes de qualquer geração ou corte. A skill é opinativa por propósito, oferecendo um ponto de vista estético específico em vez de um menu de opções genéricas.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Prévia

Do README da skill

Documentação

O que taste (gosto estético) faz?

A maioria dos conselhos sobre vídeo com IA para em como renderizar quadros. Esta skill é a camada acima disso: como os quadros devem parecer, em que ordem, cortados em qual ritmo, para que o resultado seja lido como uma coisa intencional em vez de uma pilha de gerações.

Ela codifica um gosto específico — a família angelcore / cloud-trance / hyperpop (o trance etéreo da era "Silver Surfer" do Bladee misturado com angelcore pesado) — destilado de um corpus de Reels salvos e uma turnê por uma biblioteca de gêneros visuais com cerca de 70 entradas. É opinativa de propósito. Gosto é um ponto de vista, não um menu.

O arquivo complementar references/genre-taxonomy.md contém o catálogo completo de gêneros nomeados. Este arquivo é a camada acionável: humor, gramática, pipeline e um plano de cena mapeado por batida.

Quando Ativar

  • Criando um videoclipe, lyric video, fancam ou visualizador.
  • Fazendo uma edição / reel de formato curto onde a sensação importa mais que a informação.
  • Gerando b-roll com IA (fal.ai, Veo, Kling, etc.) e os prompts precisam de uma direção coerente em vez de vibes isoladas.
  • Montando um moodboard ou escolhendo um gênero visual antes de qualquer renderização.
  • O usuário diz "taste" (gosto), "make it feel like X" (faça parecer com X), "give it a direction" (dê uma direção), "angelcore", "cloud trance", "hyperpop edit" (edição hyperpop), "Bladee", "dreamcore" (dreamcore) ou nomeia uma referência salva.
  • A edição atual funciona, mas parece plana, genérica, com aparência de IA ou estilisticamente incoerente.

Esta skill fica acima de video-editing (a mecânica) e remotion-video-creation (o renderizador). Use aquelas para como. Use esta para o que e por quê.

Tese Central

  1. O gosto é a última camada e deve ser decidido primeiro. video-editing corretamente diz que o gosto é a passada humana final. A armadilha: se você só decide o gosto no final, toda geração e corte anteriores foram um palpite. Escolha a direção antes do primeiro prompt, depois deixe que ela restrinja tudo.
  2. Coerência vence novidade. Um visual executado em 30 takes vence 30 visuais diferentes. Um gênero nomeado (abaixo) é uma restrição que compra coerência de graça.
  3. Corte para a música, não para o material de arquivo. Em um videoclipe, a linha do tempo é a forma de onda. Todo corte seco cai em uma batida ou transiente. A matemática dos quadros está na seção do pipeline.
  4. Gere seletivamente, edite impiedosamente. A IA faz b-roll que não existe; ela não faz gosto. Você ainda descarta 80%.

O Vocabulário Estético (destilado)

O corpus de referência percorre uma grande biblioteca de gêneros visuais nomeados. A lista completa está em references/genre-taxonomy.md. O movimento útil não é memorizar 70 nomes — é ver que um nome de gênero é um preset completo de prompt e correção de cor. Quando você escolhe um, herda sua paleta, textura, iluminação e assunto como uma unidade.

Os gêneros se agrupam em famílias. Escolha uma família primária e no máximo um acento:

FamíliaGêneros nelaLê-se como
Etéreo / divinoespiritualismo, folk glacial, balizas, zen core, conto de fadassem peso, sagrado, brilhante, suave
Hyperpop / Y2K-cibercyberdelia, acid house, acid nora, neo aggressano, new liquidbrilhante, cromado, neon, kawaii-ciber
Escuro / ocultodark academia, nostalgia de fumaça, core comunista, tech abstratoalto contraste, ameaçador, granulado
Retrô / impressosurfistas retrô, art déco, pulp de aventura, publicidade clássica, colagem de revista, adesivos de para-choqueplano, gráfico, meio-tom, nostálgico
Orgânico / texturalcore de microbiologia, padrões de tecelagem, frutage retrô, cobertor aconchegante, punk wave do Pacíficotátil, macro, tecido, molhado
Sistêmico / dadosnúmeros, labirintos, teia de código, mapa de calor, pixel, 8-bitgradeado, generativo, esquemático

Para o projeto atual, o primário é Etéreo / divino com um acento Hyperpop / Y2K-ciber — ou seja, luz sagrada e florescimento cristalino, pontuados por cromo e neon. Esse par é o brief angelcore × cloud-trance.

O Sistema de Humor — angelcore × cloud-trance

Destilado diretamente dos Reels de referência mais fortes. Esta é a correção de cor concreta.

Paleta

  • Base: vazio quase preto (#05060a) e branco osso (#f4f1ea). A maioria dos quadros é uma ou outra.
  • Acento divino: ouro derretido / laranja brasa (#ffb24d → #ff7a18) — a única luz quente no escuro.
  • Acento cristalino: bokeh iridescente violeta→ciano→magenta (#8a6bff, #4fc3ff, #ff6ad5) — o florescimento hyperpop, usado em quadros claros.
  • Acento de perigo (com moderação): um único vermelho brilhante (#ff2a2a) em monocromático — para apenas um ou dois cortes de choque.
  • Assunto hyperpop: cabelo rosa doce / cromo / branco brilhante contra céu azul.

Regra: um acento por take. Ouro vive em quadros escuros; iridescência vive em quadros claros; nunca ambos em um mesmo take.

Luz e textura

  • Escuridão perfurada por uma única fonte quente (brasa florescente, feixe divino). Alto contraste, pretos profundos.
  • Bokeh cristalino / cintilante, reflexos de lente, florescimento, vazamentos de luz — celestial, não sujo.
  • Grão de filme + aberração cromática sutil nos quadros escuros; brilho limpo nos quadros claros.
  • Detalhe macro no espaço negativo: um objeto herói centralizado no preto (chave, olho, engrenagem, pétala, água).
  • Assuntos: figuras aladas, nuvens, halos, anjos, estruturas cristalinas, retratos candy-ciber.

Movimento

  • Câmera lenta, flutuante, sem peso (deriva, aproximação lenta, órbita lenta) — nuvem trance.
  • Rajadas de velocidade apenas na queda. Caso contrário, tudo respira.
  • Partículas subindo (brasas, poeira, glitter) — movimento ascendente = ascensão.

A Gramática de Edição (destilada)

Das edições de referência, as técnicas que recorrem e definem o estilo:

  1. Cortes secos travados na batida. Sem dissolvências no verso/refrão. Corte no bumbo. O olho deve sentir o BPM.
  2. Inserções macro de herói no preto. Um único objeto nítido centralizado em espaço negro negativo, mantido por 1–2 batidas, depois corte. Montagem rítmica disso = a assinatura cloud-trance.
  3. Revelação com florescimento / explosão. Um florescimento branco ou brasa que estoura o quadro em um transiente e depois resolve no próximo take. A transição "flash divino".
  4. Pop de cor em monocromático. Passe uma passagem em P&B, então um único elemento colorido (olho vermelho, chama dourada, cabelo rosa) perfura no tempo forte.
  5. Rampa de velocidade para a queda. Faça uma rampa do material lento para rápido ao longo do último compasso antes da queda, corte seco no tempo um.
  6. Destaque de palavra-chave na legenda (apenas para seções com fala / letra). Tudo em maiúsculas, uma ou duas palavras destacadas na cor de acento, sincronizadas com o vocal. Use para lyric video, não para o visualizador puro.
  7. PiP de reação (apenas para explicador / comentário de edição). Picture-in-picture de cabeça falante sobre b-roll. Fora do escopo para o videoclipe em si; documentado porque o corpus o usa muito.

O que não fazer: transições com crossfade em seções de andamento; mais de uma cor de acento por take; um take mantido além de sua frase musical; cromo de interface do usuário legível na tela (corte-o); proporções de aspecto mistas em uma linha do tempo.

O Pipeline — misturando as habilidades de vídeo ECC

Esta skill é o maestro. Cada habilidade ECC é um instrumento. Não pule camadas.

0. TASTE (esta skill)        decida gênero + humor + gramática ANTES de qualquer render
1. ESTRUTURA (video-editing) mapeie a música: timestamps para intro/verso/refrão/ponte/outro
2. GERAR (fal-ai-media)      faça b-roll por presets de prompt de gênero; descarte 80%
3. CORTAR (video-editing/FFmpeg) corte na batida + reenquadre para 9:16; monte seleções na grade
4. COMPOR (remotion-video-creation) sobreposições, florescimentos, texto de letra, sequenciamento sincronizado com batida
5. MOVIMENTO (motion-* skills) curvas de easing, movimento de vazamento de luz / partículas, temporização de transição
6. ÁUDIO (fal-ai-media)      transições crescendo / impactos para vender os cortes (faixa em si está no Ableton)
7. POLIR                     corrija a cor para a paleta acima, passeada final de ritmo, exporte
8. DISTRIBUIR (content-engine) versões nativas da plataforma + legenda/capa
EtapaHabilidade ECC a carregarO que faz aqui
Estrutura e cortevideo-editingFFmpeg cut/concat/reframe, EDL, detecção de cena/silêncio
Gerar b-rollfal-ai-mediamodelos de imagem/vídeo por preset de gênero
Compor e sobreporremotion-video-creation<Sequence>s sincronizadas com batida, texto, florescimentos, máscaras
Temporização de movimentomotion-foundations, motion-patterns, motion-advancedeasing, molas, movimento de luz/partícula
Vídeo no servidorvideodbreenquadramento inteligente, indexação se o material for grande
Distribuiçãocontent-enginecortes por plataforma, capas, legendas
Voz / locução de letravideo-editing (seção ElevenLabs)apenas se uma camada falada for necessária

Matemática da Batida (trave cortes na música)

A faixa atual é 138 BPM, B menor. Constantes:

  • segundos_por_batida = 60 / 138 = 0,43478s
  • quadros_por_batida = fps × 0,43478 → 24fps: 10,43, 30fps: 13,04, 60fps: 26,09
  • 1 compasso (4 batidas) = 1,7391s → 30fps: 52,17 quadros
  • Frase de 8 compassos = 13,913s → o comprimento do loop da faixa

No Remotion, encaixe cada from={} em uma batida:

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

Plano de Cena Mapeado por Batida (este videoclipe)

O arranjo da música (das próprias notas do projeto) é Intro → Verso → Refrão → Ponte → Refrão → Outro (~2:05). Mapeie o gosto para cada seção:

SeçãoInclinação gênero/humorGramáticaIdeias de take
IntroEtéreo/divino, quase pretoaproximação lenta, sem cortesbrasa florescente no vazio; um único feixe de ouro; poeira subindo
VersoEscuro + macro herói-no-pretocortes secos a cada 2 batidaschave, olho, engrenagem, gota d'água, pétala — montagem macro rítmica
RefrãoFlorescimento hyperpop + cristalinorampa de velocidade na entrada, corte no um, rápidofigura rosa doce, cromo, bokeh iridescente, ascensão alada
PonteEspiritualismo, sem pesoum take longo mantido, pop de cornuvens + halo; acento vermelho único estoura uma vez
Refrão 2como Refrão, intensifiqueadicione florescimentos de flash divino nos transientesasas abertas, explosão de glitter, vazamentos de luz no máximo
OutroFolk glacial, calma friafade lento para pretoestrutura cristalina se dissolvendo; brasa se apaga

Presets de Prompt fal.ai (por humor)

Use com fal-ai-media. Cada preset é o gênero renderizado na paleta do projeto. Anexe 9:16, vertical, cinematográfico, grão de filme, luz volumétrica, sem texto, sem marca d'água a todos.

  • Vazio divino: "uma única brasa de ouro derretido subindo em um vazio infinito quase preto, sombra profunda, uma fonte de luz quente, partículas de poeira sem peso, sagrado, alto contraste"
  • Herói macro: "macro extremo de uma chave antiga de latão / um olho humano / engrenagens entrelaçadas, centralizado em espaço negativo preto puro, detalhe nítido, luz de borda única"
  • Florescimento cristalino: "bokeh cristalino iridescente violeta-ciano-magenta, refração de luz cintilante, reflexos de lente sonhadores, brilho celestial, foco suave, angelcore hyperpop"
  • Retrato candy-ciber: "figura de cabelo rosa doce, acentos cromados brilhantes, céu azul claro, hyperpop Y2K, brilho limpo, saturado, kawaii-ciber"
  • Ascensão alada: "uma figura alada ascendendo em nuvens, halo de luz, branco osso e dourado, raios divinos volumétricos, etéreo, iconografia religiosa, suave"
  • Outro frio: "estrutura de gelo cristalino pálido se dissolvendo lentamente, folk glacial, azul frio e branco osso, minimalista, calmo, desvanecendo para preto"

Gere 6–10 por preset, mantenha 2–3. Para movimento, anime imagens com um modelo imagem-para-vídeo ou gere clipes curtos diretamente; mantenha os movimentos de câmera lentos de acordo com as regras de Movimento.

Receitas FFmpeg (corte + reenquadramento)

# Reenquadrar qualquer clipe paisagem/bruto para 9:16 (corte centralizado)
ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4

# Corte na batida de um clipe para exatamente N batidas a 138 BPM (ex. 2 batidas = 0,8696s)
ffmpeg -i in.mp4 -t 0.8696 -c copy beat2.mp4

# Concatenar seleções de batida na montagem do verso
for f in selects/*.mp4; do echo "file '$f'"; done > concat.txt
ffmpeg -f concat -safe 0 -i concat.txt -c copy verse.mp4

# Remover cromo de interface / barra de status de uma referência gravada de tela (cortar topo+fundo)
ffmpeg -i reel.mp4 -vf "crop=iw:ih-300:0:150" clean.mp4

Esqueleto de Composição Remotion (sincronizado por batida)

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" }); // flash divino em um transiente
  return <AbsoluteFill style={{ background: "radial-gradient(#fff,#ffb24d)", opacity: o, mixBlendMode: "screen" }} />;
};

export const AngelcoreMV: React.FC = () => (
  <AbsoluteFill style={{ background: "#05060a" }}>
    {/* Verso: macro herói-no-preto, corte seco a cada 2 batidas */}
    <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>
    {/* Refrão: florescimento cristalino + flash no um */}
    <Sequence from={beat(8)} durationInFrames={beat(16)}><Video src="/selects/crystalline.mp4" /></Sequence>
    <Sequence from={beat(8)} durationInFrames={beat(1)}><Bloom /></Sequence>
  </AbsoluteFill>
);

Renderize: npx remotion render src/index.ts AngelcoreMV out.mp4. Veja remotion-video-creation para configuração do projeto, vinculação de faixa de áudio e flags de renderização.

Princípios Chave

  1. Decida o gênero antes da primeira geração. Escolha uma família primária + um acento.
  2. Uma cor de acento por take. Ouro no escuro, iridescência no claro, vermelho uma vez.
  3. Todo corte seco cai em uma batida. Use a matemática da batida; sem transições em seções de andamento.
  4. Macro herói-no-preto é o movimento característico. Domine-o; ele carrega a maior parte dos versos.
  5. Gere 10x o que você planeja usar. Descarte 80%. Os 20% restantes são o vídeo.
  6. Uma transição domina: o flash divino. Um florescimento branco ou brasa que estoura, depois resolve no próximo take. Use-o no refrão.
  7. Slow-motion é o andamento padrão. A câmera deriva, flutua, empurra lentamente. Velocidade é apenas para a queda.
  8. Sem texto na tela em takes puramente visuais. Guarde palavras para seções de letra e apenas uma cor de destaque.
  9. Proporção vertical (9:16). Esta é a saída. Se o material de origem for paisagem, reenquadre-o centralizado; não misture proporções.
  10. O gênero não é decoração; é a restrição. "Etéreo/divino com acento hyperpop" não é um clima — é o sistema de regras para cor, movimento, transições e assunto. Siga-o.

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.

Habilidades Relacionadas