Communitygithub.com

luizcarvalho/8-bit

Genera un vídeo vertical (1080×1920, MP4) en pixel art retro, estilo videojuego de los 80: cielo estrellado, planeta, suelo, sprites que se mueven por trayectorias (módulo lunar, astronauta, cohete, OVNI, banderas) y un texto que aparece letra a letra. Úsalo cuando el usuario pida /8-bit, “en pixel art”, “estilo videojuego retro” o quiera recrear un momento histórico o una historia corta en un Reel/Short/TikTok.

¿Qué es 8-bit?

La skill **8-bit** permite crear animaciones verticales en pixel art retro, ideales para plataformas como TikTok, Instagram Reels o YouTube Shorts. El usuario solo necesita describir una escena o un momento histórico breve (3-5 hitos) y la skill genera un archivo MP4 de 1080×1920 con sprites animados (módulo lunar, astronauta, cohete, OVNI, banderas), fondo estrellado, planeta, suelo con cráteres y una leyenda que se escribe letra a letra. La configuración se define en un archivo JSON (`8-bit.json`) donde se especifican el título, la paleta de colores, los actores (cada uno con su sprite y trayectoria temporal) y otros parámetros visuales. La skill incluye sprites predefinidos y permite crear sprites originales mediante matrices de letras que representan colores. Una vez definido el spec, se renderiza el vídeo con un script de shell local (sin `--sheet` para el resultado final, ~20 segundos de procesamiento). Es compatible con cualquier entorno que ejecute el script de renderizado y está diseñada para narrar historias cortas de forma nostálgica y llamativa.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/luizcarvalho/skills/tree/HEAD/animacoes/skills/8-bit

Preguntar en tu IA favorita

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

Documentación


name: 8-bit description: Genera un vídeo vertical (1080×1920, MP4) en pixel art retro, estilo videojuego de los 80: cielo estrellado, planeta, suelo, sprites que se mueven por trayectorias (módulo lunar, astronauta, cohete, OVNI, banderas) y un texto que aparece letra a letra. Úsalo cuando el usuario pida /8-bit, “en pixel art”, “estilo videojuego retro” o quiera recrear un momento histórico o una historia corta en un Reel/Short/TikTok.

/8-bit: escenas retro en pixel art

La escena se compone de actores: cada uno es un sprite con una trayectoria en el tiempo. La configuración predeterminada recrea el alunizaje de 1969 con la bandera de Brasil.

Paso a paso

  1. Define la historia en 3 a 5 hitos (quién entra, hacia dónde va, qué ocurre) y el texto final (máximo ~20 caracteres, mayúsculas).
  2. Crea el spec en ./animacoes-out/8-bit.json: título, planeta, colores y la lista actors. Usa los sprites ya preparados o dibuja otros nuevos en sprites.
  3. Verifica: bash <carpeta-de-esta-skill>/render.sh ./animacoes-out/8-bit.json --sheet --out ./animacoes-out/8-bit.mp4. Los actores deben verse completos y no tapar el texto inferior.
  4. Renderiza sin --sheet (aproximadamente 20 s).

Spec

campovalor por defectoqué hace
title"1969"texto grande en la parte superior (fuente pixel)
caption / captionAt"UN PEQUEÑO PASO" / 1.7texto que aparece letra a letra y cuándo empieza (s)
planet{kind:"earth", x:836, y:470, size:208}earth, moon, sun, mars o null
groundY1300altura del suelo
colors{sky, title, ground, groundTop, crater, caption}paleta de colores
stars, craters150, truedetalles del fondo
actorsmódulo lunar, astronauta, banderaver más abajo
sprites{}sprites personalizados
pixel8tamaño del píxel

Actor: { "sprite": "lander", "path": [[t, x, y], ...], "appear": t, "flame": true, "dust": true, "walk": true, "pole": true }

  • path: puntos en el tiempo (s) con x,y de la esquina superior izquierda; y puede ser "ground" (apoyado en el suelo).
  • flame: fuego debajo mientras se mueve. dust: polvo al llegar. walk: alterna los fotogramas de animación. pole: dibuja un mástil y coloca el sprite en la parte superior (banderas).

Sprites predefinidos: lander, astronaut (2 fotogramas), rocket, ufo, flag-brasil, flag-eua, flag-portugal.

Sprite propio: cada cadena representa una fila; cada letra es un color de la paleta; . es transparente.

"sprites": { "gato": { "pixel": 8, "pal": { "P": "#222222", "W": "#ffffff" },
  "rows": ["P...P", "PPPPP", "PWPWP", "PPPPP", ".P.P."] } }

Ejemplo

Prompt: /8-bit El primer cohete brasileño despegando

{ "title": "1965", "caption": "DESPEGUE", "planet": { "kind": "sun", "x": 840, "y": 470, "size": 180 },
  "colors": { "sky": "#0b1033", "ground": "#6f8f4a", "groundTop": "#8fb35e", "crater": "#5a7a3a" }, "craters": false,
  "actors": [ { "sprite": "flag-brasil", "appear": 0.2, "path": [[0.2, 180, "ground"]], "pole": true },
              { "sprite": "rocket", "path": [[0, 500, "ground"], [0.8, 500, "ground"], [3.2, 500, -200]], "flame": true } ] }

(verifica el hecho histórico antes de usarlo)

Reglas

  • Los hechos históricos deben ser verdaderos; en caso de duda, pregunta o investiga.
  • No uses personajes, logotipos ni arte de juegos existentes: crea sprites originales.

Skills relacionados