CommunityProgramación y desarrollogithub.com

reels-maker

Selecciona el aspecto visual de un reel o película antes de que se construya. Muestra tres looks genuinamente diferentes como fotogramas del mismo plano inicial con las mismas palabras, para que la persona juzgue el look y no el contenido. Mantiene un registro de todos los looks mostrados, para que ningún look regrese a menos que se solicite, y fija un look a propósito para una serie. Úsalo después de que el brief de reel-intake esté firmado y antes de cualquier tira de prueba, cuando alguien diga "¿cómo debería verse?", "dame opciones", "haz que se vea diferente a la última vez", "se ve barato", o comience un nuevo reel o una nueva serie.

¿Qué es reels-maker?

Esta habilidad para agentes de IA (Claude Code, Cursor, Codex) está diseñada para la fase de preproducción de reels o películas cortas. Su objetivo principal es evitar que un agente o creativo caiga en looks repetitivos o por defecto, mostrando al cliente tres opciones visuales distintas (fotogramas estáticos) del mismo plano inicial con el mismo texto. El agente, guiado por el brief firmado y un registro histórico de looks (`looks-log.md`), genera cinco conceptos visuales desde puntos de partida variados (el mundo del sujeto, la emoción, la audiencia, etc.) y selecciona los tres más divergentes, asegurándose de que difieran en al menos 3 de 6 ejes visuales (medio, diseño, textura, etc.) y que nunca repitan combinaciones ya mostradas a menos que el cliente lo pida explícitamente. La habilidad incluye la renderización de los fotogramas, la creación de una hoja comparativa, y la verificación de que el texto esté dentro de la zona segura. Finalmente, registra la elección del cliente y las opciones rechazadas en el log, y puede operar en modo 'serie' donde el look elegido para el primer episodio queda fijo para los siguientes. Solo el 'voxel walk' (recorrido en vóxeles) está precargado; los demás looks se construyen desde cero basándose en el brief.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thativanng/reels-maker/tree/HEAD/skills/reel-style

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

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

Documentación

reel-style: tres looks, lado a lado, nunca los mismos tres dos veces

Dónde vive el kit: ejecuta todos los comandos de esta habilidad desde la carpeta reels-maker (el clon de github.com/thativanng/reels-maker que contiene template/ y tools/). Si el proyecto no lo tiene, configúralo primero siguiendo el SETUP.md de ese repositorio.

Por qué existe esto: un agente que pide "un reel sobre X" tiende a derivar hacia el mismo look cada vez: sus valores predeterminados, o peor, el último look que fue aceptado. Y un look que no se muestra desde el principio es un look que la persona ve por primera vez en una película terminada, donde "se ve barato" significa empezar de nuevo. Tres fotogramas cuestan minutos; un look equivocado cuesta una película entera.

1 · Lee antes de esbozar

  • El brief firmado: plataforma, relación de aspecto, el único espectador, el mensaje, la marca y la respuesta de la persona a "¿qué se ve barato para mí?" (una restricción dura).
  • El registro de looks, .reels/looks-log.md en el proyecto de la persona (formato en references/looks-log.md). Créalo si falta.
  • La marca. Con una marca, los tres looks comparten sus colores y tipografías y difieren en su estructura: medio, diseño, textura, movimiento. Sin una, difieren en todo.

2 · Esboza cinco, quédate con tres

Escribe primero cinco conceptos de una línea, cada uno desde un punto de partida diferente:

  1. el mundo propio del sujeto (cajas de almacén para un tema de cadena de suministro)
  2. la emoción que el espectador debería sentir
  3. la audiencia: cumple con su expectativa, o rómpela a propósito
  4. cómo se ve cada otro video sobre este tema, dado la vuelta
  5. un formato inusual (un recibo, una cuenta atrás, una carta, una sola palabra gigante)

Quédate con los tres que más difieran. Cada look debe diferir de los otros dos en al menos 3 de los 6 rasgos en references/axes.md, y siempre en medio o diseño. Al menos uno debe romper el look habitual del tema. Dos looks con la misma forma de diseño cuentan como uno. Si el brief nombra un diseño (reel-intake F4), los tres lo mantienen y difieren en medio más al menos otros dos rasgos.

Luego verifica cada uno contra dos listas:

  • Los looks predeterminados a evitar (references/axes.md). El propio template/starter.html del kit es uno de ellos; es un esqueleto, nunca un look.
  • El registro de looks. Nunca vuelvas a mostrar un look cuyo medio, diseño y paleta coincidan completamente con cualquier look en el registro, a menos que la persona lo solicite. Un look rechazado es una restricción. Un look que la persona eligió regresa solo cuando ella lo pide ("igual que la última vez"), y entonces como una cuarta opción junto a las tres nuevas.

3 · Construye tres fotogramas

  • Copia template/starter.html una vez por look dentro de la carpeta del reel (reels/<nombre>/look-a.html, look-b.html, look-c.html), con el reel.json del reel junto a ellos; copia template/film.html de la misma manera para un look 3D. Las fuentes y formats.json se cargan desde la raíz del kit, así que las copias funcionan directamente. Cambia solo el look: los tokens CSS, el diseño, el fondo, el tipo. Cada fotograma usa el mismo beat de apertura con las mismas palabras.
  • Renderiza un fotograma por look en el formato del brief, luego colócalos lado a lado con sus nombres:
    node tools/stills.mjs --page reels/<nombre>/look-a.html --format 9:16 --out reels/<nombre>/out/looks/a 1.5
    node tools/stills.mjs --page reels/<nombre>/look-b.html --format 9:16 --out reels/<nombre>/out/looks/b 1.5
    node tools/stills.mjs --page reels/<nombre>/look-c.html --format 9:16 --out reels/<nombre>/out/looks/c 1.5
    python3 tools/sheet.py reels/<nombre>/out/looks/sheet.jpg 3 360 --labels "A · Ledger,B · Dock,C · Receipt" reels/<nombre>/out/looks/a/t001.50.jpg reels/<nombre>/out/looks/b/t001.50.jpg reels/<nombre>/out/looks/c/t001.50.jpg
    
  • Verifica cada fotograma con la sonda: las palabras deben estar dentro de la zona segura (node tools/probe.mjs --page reels/<nombre>/look-a.html --format 9:16 "1.5" "sel:.title,.line,.kicker,.cap" "safe" → inside: true; la sonda mide las letras en sí, por lo que una palabra que se sale del marco falla).
  • Muestra la hoja con un nombre y una línea por look, por ejemplo A · Ledger: tipográfico, papel claro, calmado. Añade una línea sobre la energía de movimiento, ya que un fotograma no puede mostrarla. No recomiendes uno antes de que la persona haya mirado: una recomendación primero los ancla.

4 · La elección y el registro

  • La persona elige uno, o combina ("el diseño de A, la paleta de C"). Una combinación es un look nuevo: muéstralo como fotograma antes de construirlo.
  • Escríbelo todo en el registro: cada look mostrado (sus seis rasgos y el fotograma), cuál fue elegido, cuáles fueron rechazados y el veredicto de la persona en sus propias palabras.
  • Luego film-engine construye la tira de prueba de 10 segundos en el look elegido, para su aprobación antes de la construcción completa. El fotograma del look elegido es también el primer borrador de la portada.

Modo serie

Cuando el brief dice "serie", la elección del primer episodio queda fijada en el registro como el look de la serie. Los episodios posteriores se saltan los tres fotogramas y mantienen el look. La variedad se mueve dentro de él: el sujeto, la imagen de apertura, el orden de los beats. Si la persona quiere un look nuevo a mitad de la serie, eso es una nueva serie.

Cuando la historia es un viaje

El voxel walk (la habilidad voxel-walk) puede ser uno de los tres solo cuando el brief es un viaje: una carrera profesional, o un proceso de principio a fin. Nunca es el predeterminado, y se rige por las mismas reglas: debe diferir de los otros dos, y se aplica el registro.

Límites honestos

  • Solo el voxel walk ha sido construido y verificado de principio a fin. Cada otro look se construye desde cero a partir del brief: la primera película con un look nuevo lleva más tiempo, y recibe la auditoría completa de la película.
  • Los fotogramas muestran color, tipografía y diseño. No muestran ritmo. La tira de 10 segundos es donde se juzga el movimiento.

Créditos

Las reglas de "esbozar cinco desde caminos diferentes, quedarse con los atípicos, mismo diseño cuenta como uno" están adaptadas de la ronda de presentación de HyperFrames (heygen-com/hyperframes, Apache-2.0). La idea de nombrar los looks predeterminados y llevar notas sobre lo que se ha probado proviene de la habilidad frontend-design de Anthropic (parafraseada). Misma escena, look diferente, lado a lado, es una práctica común en estudios de motion para style frames.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

thativanng/reels-maker

The gates every code-rendered film passes before anyone sees it. A 40 fps collision pass (no mover touches a solid or another mover), pixel probes (nothing sits over or behind a face, a head, a subtitle or the frame edge), then an independent auditor (a fresh agent) who reads frame sheets at ≥2 fps and signs off. The builder never signs off their own film. Use it before sending ANY render, after every fix round, and whenever someone says "check the film", "audit this", "is it ready", or "why does this frame look wrong".

thativanng/reels-maker

Build and render a film, reel or animation as code. One HTML page draws any frame on demand with window.seek(t), and a headless browser renders every frame at 2x into an MP4 with sound. Use it whenever someone wants a video made with code rather than a video generator, says "make a film / reel / animated explainer / career video", "render this to MP4", "turn this page into a video", or needs the finishing steps (audio cues, loudness, colour-safe encode, phone preview). It is style-agnostic and renders 9:16, 4:5, 1:1 or 16:9. It runs after reel-intake (the brief) and reel-style (the look), builds on template/starter.html or a style pack such as voxel-walk, and passes film-audit before anything is shown to anyone.

thativanng/reels-maker

The interview before any video is built. It reads what the person already gave (source text, CV, links, brand files), then asks the rest in a few short rounds of numbered questions with a recommended answer marked, always including the format (platform, reel or video, ratio, layout, length, sound). It ends in a one-screen brief that splits "you said" from "I assumed", plus a storyboard, and builds nothing until the person says yes. Use it whenever someone asks for a reel, a video, an explainer, a career film, an animation or a "make a video about X", before film-engine or any style pack, and again when a request changes its purpose, platform or audience mid-way.

thativanng/reels-maker

The voxel career-film style. A blocky 3D version of the person walks, without ever vanishing, through one scene per role. Their outfit changes as they walk, each scene rises out of the floor ahead of them, and a dark banner tracks year, company and role. Use it when someone wants their career, a journey or a "how I got here" told as a short 3D film for LinkedIn or a portfolio, says "make my career film", "turn my CV into a video", "voxel film", or wants a new chapter added to an existing one. It runs on film-engine (render, audio, finish) and must pass film-audit before anything is sent.

Skills relacionados