Communitygithub.com

taste

Una capa de dirección creativa (gusto) para videoclips y ediciones cortas dentro de la familia visual angelcore / cloud-trance / hyperpop. Destila un vocabulario estético de género nombrado, un sistema de estado de ánimo + color + luz y una gramática de edición sincronizada al beat, y luego encadena múltiples habilidades ECC.

¿Qué es taste?

La habilidad 'taste' proporciona una capa de dirección creativa especializada para la producción de videoclips, ediciones cortas y visualizadores en el estilo angelcore, cloud-trance y hyperpop. Va más allá de las instrucciones técnicas de renderizado de video; se enfoca en definir *qué* deben mostrar los fotogramas, en *qué orden* y *al ritmo de qué*, para que el resultado final sea coherente y con una intención estética clara, en lugar de una acumulación de fragmentos generados por IA. Esta habilidad codifica un 'gusto' específico basado en un corpus de referencias visuales y una taxonomía de géneros, ofreciendo un sistema completo de paleta de colores, texturas de luz, gramática de edición (cortes sincronizados al beat, transiciones como el 'divine flash') y un pipeline de producción que orquesta otras habilidades ECC (como `video-editing`, `fal-ai-media` y `remotion-video-creation`) para generar, cortar y componer el video final. Es útil para cualquier desarrollador o creador que desee producir contenido visual con una dirección artística definida y consistente, evitando el aspecto genérico de la IA.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Vista previa

Del README del skill

Documentación

¿Qué hace taste?

La mayoría de los consejos de video con IA se detienen en cómo renderizar fotogramas. Esta habilidad es la capa superior: qué apariencia deben tener los fotogramas, en qué orden, cortados a qué ritmo, para que el resultado se lea como una sola cosa intencional en lugar de un montón de generaciones.

Codifica un gusto específico — la familia angelcore / cloud-trance / hyperpop (trance etéreo de la era "Silver Surfer" de Bladee cruzado con angelcore intenso) — destilado a partir de un corpus de Reels guardados y un recorrido por una biblioteca de ~70 géneros visuales con nombre. Es intencionadamente subjetivo. El gusto es un punto de vista, no un menú.

El archivo complementario references/genre-taxonomy.md contiene el catálogo completo de géneros con nombre. Este archivo es la capa práctica: estado de ánimo, gramática, pipeline y un plan de tomas mapeado al beat.

Cuándo activarlo

  • Al crear un videoclip, lyric video, fancam o visualizador.
  • Al hacer una edición / reel de formato corto donde la sensación importa más que la información.
  • Al impulsar la generación de b-roll con IA (fal.ai, Veo, Kling, etc.) y las indicaciones necesitan una dirección coherente en lugar de ideas sueltas.
  • Al armar un moodboard o elegir un género visual antes de cualquier renderizado.
  • Cuando el usuario dice "taste", "haz que se sienta como X", "dale una dirección", "angelcore", "cloud trance", "hyperpop edit", "Bladee", "dreamcore" o menciona una referencia guardada.
  • Cuando la edición actual funciona pero se lee como plana, genérica, basura de IA o estilísticamente incoherente.

Esta habilidad se sitúa sobre video-editing (la mecánica) y remotion-video-creation (el motor de renderizado). Úsalas para el cómo. Usa esta para el qué y por qué.

Tesis central

  1. El gusto es la última capa, y debe decidirse primero. video-editing dice correctamente que el gusto es el pase humano final. La trampa: si solo decides el gusto al final, cada generación y corte anteriores fueron una suposición. Elige la dirección antes de la primera indicación, luego deja que lo limite todo.
  2. La coherencia vence a la novedad. Un solo look ejecutado en 30 tomas vence a 30 looks. Un género con nombre (abajo) es una restricción que compra coherencia de forma gratuita.
  3. Corta al ritmo de la canción, no al metraje. En un videoclip, la línea de tiempo es la forma de onda. Cada corte brusco cae en un golpe o un transitorio. Las matemáticas de fotogramas están en la sección del pipeline.
  4. Genera selectivamente, edita sin piedad. La IA crea b-roll que no existe; no crea gusto. Aun así, descartas el 80%.

El vocabulario estético (destilado)

El corpus de referencia recorre una gran biblioteca de géneros visuales con nombre. La lista completa está en references/genre-taxonomy.md. El movimiento útil no es memorizar 70 nombres, sino ver que un nombre de género es una indicación completa y un preset de etalonaje. Cuando eliges uno, heredas su paleta, textura, iluminación y tema como una unidad.

Los géneros se agrupan en familias. Elige una familia principal y como máximo un acento:

FamiliaGéneros que incluyeSe lee como
Etéreo / divinoespiritualismo, folk glacial, balizas, zen core, cuento de hadasingrávido, sagrado, resplandeciente, suave
Hyperpop / Y2K-cibercyberdelia, acid house, acid nora, neo aggressano, new liquidbrillante, cromado, neón, kawaii-ciber
Oscuro / ocultodark academia, nostalgia de humo, communist core, tech abstractoalto contraste, ominoso, granulado
Retro / impresoretro surfers, art decó, pulp de aventuras, publicidad clásica, collage de revistas, pegatinasplano, gráfico, semitonos, nostálgico
Orgánico / texturalcore de microbiología, patrones de tejido, retro frutal, manta acogedora, punk wave del pacíficotáctil, macro, tejido, húmedo
Sistémico / datosnúmeros, laberintos, web de código, mapa de calor, píxel, 8-bitcuadriculado, generativo, esquemático

Para el proyecto actual, la principal es Etéreo / divino con un acento Hyperpop / Y2K-ciber — es decir, luz sagrada y floración cristalina, puntuada por cromo y neón. Esa combinación es el brief de angelcore × cloud-trance.

El sistema de estado de ánimo — angelcore × cloud-trance

Destilado directamente de los reels de referencia más sólidos. Este es el etalonaje concreto.

Paleta

  • Base: vacío casi negro (#05060a) y blanco hueso (#f4f1ea). La mayoría de los fotogramas son uno u otro.
  • Acento divino: oro fundido / naranja ascua (#ffb24d → #ff7a18) — la única luz cálida en la oscuridad.
  • Acento cristalino: bokeh iridiscente violeta→cian→magenta (#8a6bff, #4fc3ff, #ff6ad5) — la floración hyperpop, utilizada en fotogramas brillantes.
  • Acento de peligro (con moderación): un único rojo brillante (#ff2a2a) sobre monocromo — solo para uno o dos cortes de choque.
  • Tema hyperpop: cabello rosa caramelo / cromo / blanco brillante contra cielo azul.

Regla: un acento por toma. El oro vive en fotogramas oscuros; la iridiscencia vive en fotogramas claros; nunca ambos en una misma toma.

Luz y textura

  • Oscuridad atravesada por una única fuente cálida (floración de ascua, rayo divino). Alto contraste, negros profundos.
  • Bokeh cristalino / brillante, destellos de lente, floración, fugas de luz — celestial, no sucio.
  • Grano de película + aberración cromática sutil en los fotogramas oscuros; brillo limpio en los fotogramas claros.
  • Detalle macro sobre espacio negativo: un objeto héroe centrado sobre negro (llave, ojo, engranaje, pétalo, agua).
  • Temas: figuras aladas, nubes, halos, ángeles, estructuras cristalinas, retratos candy-ciber.

Movimiento

  • Cámara lenta, flotante, ingrávida (deriva, empuje lento, órbita lenta) — trance de nube.
  • Ráfagas de velocidad solo en la caída. Por lo demás, todo respira.
  • Partículas ascendentes (ascuas, polvo, brillantina) — movimiento ascendente = ascensión.

La gramática de edición (destilada)

De las ediciones de referencia, las técnicas que se repiten y definen el estilo:

  1. Cortes bruscos sincronizados al beat. Sin fundidos en la estrofa/caída. Corta en el bombo. El ojo debe sentir el BPM.
  2. Inserciones macro de héroe sobre negro. Un solo objeto nítido centrado en espacio negro negativo, mantenido durante 1-2 tiempos, luego corte. El montaje rítmico de estos es la firma del cloud-trance.
  3. Revelación con floración / explosión. Una floración blanca o de ascua que quema el fotograma en un transitorio, luego se resuelve en la siguiente toma. La transición "destello divino".
  4. Toque de color sobre monocromo. Pasa un pasaje en blanco y negro, luego un único elemento coloreado (ojo rojo, llama dorada, cabello rosa) atraviesa en el tiempo fuerte.
  5. Rampa de velocidad hacia la caída. Acelera el metraje de lento a rápido en el último compás antes de la caída, corte brusco al tempo en el uno.
  6. Resalte de palabras clave en títulos (solo para secciones con voz / letras). En mayúsculas, una o dos palabras resaltadas en el color de acento, sincronizadas con la voz. Úsalo para lyric videos, no para el visualizador puro.
  7. PiP de reacción (solo para videos explicativos / comentarios de edición). Cabeza parlante en imagen sobre imagen sobre b-roll. Fuera del alcance para el videoclip; documentado porque el corpus lo usa mucho.

Lo que no se debe hacer: transiciones de fundido en secciones de tempo; más de un color de acento por toma; una toma mantenida más allá de su frase musical; interfaz de usuario legible en pantalla (recórtala); relaciones de aspecto mixtas en una misma línea de tiempo.

El Pipeline — mezclando las habilidades de video ECC

Esta habilidad es el director. Cada habilidad ECC es un instrumento. No te saltes capas.

0. TASTE (esta habilidad)        decide el género + estado de ánimo + gramática ANTES de renderizar nada
1. ESTRUCTURA (video-editing)    mapea la canción: marcas de tiempo para intro/estrofa/caída/puente/outro
2. GENERAR (fal-ai-media)        crea b-roll según presets de indicaciones de género; descarta el 80%
3. CORTAR (video-editing/FFmpeg) corte al beat + reencuadre a 9:16; ensambla selecciones en la cuadrícula
4. COMPONER (remotion-video-creation) superposiciones, floraciones, texto de letras, secuenciación sincronizada al beat
5. MOVIMIENTO (habilidades motion-*) curvas de easing, movimiento de fugas de luz/partículas, temporización de transiciones
6. AUDIO (fal-ai-media)          risers/impactos de transición para vender los cortes (la pista en sí está en Ableton)
7. PULIR                         etalonar a la paleta anterior, pase final de ritmo, exportar
8. DISTRIBUIR (content-engine)   versiones nativas de plataforma + portada / subtítulos
PasoHabilidad ECC a cargarQué hace aquí
Estructura y cortevideo-editingCorte/concat/reencuadre con FFmpeg, EDL, detección de escenas/silencio
Generar b-rollfal-ai-mediaModelos de imagen/video según preset de género
Componer y superponerremotion-video-creation<Sequence>s sincronizadas al beat, texto, floraciones, máscaras
Temporización de movimientomotion-foundations, motion-patterns, motion-advancedEasing, resortes, movimiento de luz/partículas
Video del lado del servidorvideodbReencuadre inteligente, indexación si el metraje es grande
Distribucióncontent-engineCortes, portadas, subtítulos por plataforma
Voz / locución de letrasvideo-editing (sección ElevenLabs)solo si se necesita una capa hablada

Matemáticas del Beat (bloquear cortes a la canción)

La pista actual es 138 BPM, Si menor. Constantes:

  • segundos_por_tiempo = 60 / 138 = 0.43478s
  • fotogramas_por_tiempo = fps × 0.43478 → 24fps: 10.43, 30fps: 13.04, 60fps: 26.09
  • 1 compás (4 tiempos) = 1.7391s → 30fps: 52.17 fotogramas
  • Frase de 8 compases = 13.913s → la longitud del bucle de la pista

En Remotion, ajusta cada from={} a un beat:

const FPS = 30;
const BPM = 138;
const beat = (n: number) => Math.round(n * (60 / BPM) * FPS); // beat(n) → fotograma
// corta en los beats 0,4,8,... : <Sequence from={beat(0)} durationInFrames={beat(4)}> ...

Plan de Tomas Mapeado al Beat (este videoclip)

El arreglo de la canción (de las notas del propio proyecto) es Intro → Estrofa → Caída → Puente → Caída → Outro (~2:05). Mapea el gusto a cada sección:

SecciónInclinación de género/estado de ánimoGramáticaIdeas de tomas
IntroEtéreo/divino, casi negroempuje lento, sin cortesfloración de ascua en el vacío; un solo rayo de oro; polvo ascendente
EstrofaOscuro + macro héroe sobre negrocortes bruscos cada 2 tiemposllave, ojo, engranaje, gota de agua, pétalo — montaje macro rítmico
CaídaFloración hyperpop + cristalinorampa de velocidad al entrar, corte en el uno, rápidofigura rosa caramelo, cromo, bokeh iridiscente, ascensión alada
PuenteEspiritualismo, ingrávidouna sola toma larga mantenida, toque de colornubes + halo; un único acento rojo golpea una vez
Caída 2Como Caída, intensificarañadir floraciones de destello divino en transitoriosalas abiertas, explosión de brillantina, fugas de luz al máximo
OutroFolk glacial, frío tranquilofundido lento a negroestructura cristalina disolviéndose; la ascua se apaga

Presets de Indicaciones para fal.ai (por estado de ánimo)

Úsalos con fal-ai-media. Cada preset es el género renderizado a la paleta del proyecto. Añade 9:16, vertical, cinematográfico, grano de película, luz volumétrica, sin texto, sin marca de agua a todos.

  • Vacío divino: "una única floración de ascua de oro fundido elevándose en un vacío infinito casi negro, sombra profunda, una fuente de luz cálida, partículas de polvo ingrávidas, sagrado, alto contraste"
  • Héroe macro: "macro extremo de una llave de latón antigua / un ojo humano / engranajes entrelazados, centrado sobre espacio negro puro, detalle nítido, una sola luz de borde"
  • Floración cristalina: "bokeh cristalino iridiscente violeta-cian-magenta, refracción de luz brillante, destellos de lente oníricos, resplandor celestial, enfoque suave, hyperpop angelcore"
  • Retrato candy-ciber: "figura de cabello rosa caramelo, acentos cromados brillantes, cielo azul brillante, hyperpop Y2K, brillo limpio, saturado, kawaii-ciber"
  • Ascensión alada: "una figura alada ascendiendo hacia nubes, halo de luz, blanco hueso y oro, rayos divinos volumétricos, etéreo, iconografía religiosa, suave"
  • Outro frío: "estructura de hielo cristalino pálido disolviéndose lentamente, folk glacial, azul frío y blanco hueso, minimalista, tranquilo, fundido a negro"

Genera de 6 a 10 por preset, guarda de 2 a 3. Para movimiento, anima imágenes fijas con un modelo de imagen a video o genera clips cortos directamente; mantén los movimientos de cámara lentos según las reglas de Movimiento.

Recetas FFmpeg (corte + reencuadre)

# Reencuadrar cualquier clip horizontal/crudo a 9:16 (recorte centrado)
ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4

# Cortar al beat un clip exactamente a N tiempos a 138 BPM (ej. 2 tiempos = 0.8696s)
ffmpeg -i in.mp4 -t 0.8696 -c copy beat2.mp4

# Concatenar selecciones al beat en el montaje de la estrofa
for f in selects/*.mp4; do echo "file '$f'"; done > concat.txt
ffmpeg -f concat -safe 0 -i concat.txt -c copy verse.mp4

# Eliminar interfaz de usuario / barra de estado de una referencia grabada en pantalla (recortar arriba+abajo)
ffmpeg -i reel.mp4 -vf "crop=iw:ih-300:0:150" clean.mp4

Esqueleto de Composición de Remotion (sincronizado al beat)

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

export const AngelcoreMV: React.FC = () => (
  <AbsoluteFill style={{ background: "#05060a" }}>
    {/* Estrofa: macro héroe sobre negro, corte brusco cada 2 tiempos */}
    <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>
    {/* Caída: floración cristalina + destello en el uno */}
    <Sequence from={beat(8)} durationInFrames={beat(16)}><Video src="/selects/crystalline.mp4" /></Sequence>
    <Sequence from={beat(8)} durationInFrames={beat(1)}><Bloom /></Sequence>
  </AbsoluteFill>
);

Renderiza: npx remotion render src/index.ts AngelcoreMV out.mp4. Consulta remotion-video-creation para la configuración del proyecto, la vinculación de la pista de audio y las banderas de renderizado.

Principios Clave

  1. Decide el género antes de la primera generación. Elige una familia principal + un acento.
  2. Un color de acento por toma. Oro en la oscuridad, iridiscencia en la luz, rojo una vez.
  3. Cada corte brusco cae en un beat. Usa las matemáticas del beat; sin transiciones en secciones de tempo.
  4. El macro héroe sobre negro es el movimiento característico. Domínalo; te llevará lejos.

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.

Skills relacionados