Communitygithub.com

luizcarvalho/8-bit

Erzeugt ein vertikales Video (1080×1920, MP4) in Retro-Pixelart im Stil von 80er-Jahre-Videospielen: Sternenhimmel, Planet, Boden, sich bewegende Sprites (Mondlandefähre, Astronaut, Rakete, UFO, Flaggen) und eine buchstabenweise eingeblendete Bildunterschrift.

Was ist 8-bit?

Dieser Skill (auch als `/8-bit` bekannt) generiert kurze, vertikale Pixelart-Videos im Retro-Videospiel-Look der 80er Jahre. Entwickelt für Plattformen wie Claude Code, Cursor oder Codex, eignet er sich perfekt für Reels, Shorts oder TikToks, in denen historische Momente oder kleine Geschichten nachgestellt werden. Der Skill erzeugt eine vollständige Szene mit Sternenhimmel, Planet, Boden und mehreren „Schauspielern“ – das sind Sprites wie eine Mondlandefähre, ein Astronaut, eine Rakete, ein UFO oder Flaggen, die sich entlang vorgegebener Pfade bewegen. Eine pixelige Kopfzeile und eine buchstabenweise erscheinende Bildunterschrift runden das Video ab. Die Funktionsweise basiert auf einem JSON-Spezifikationsdokument, das den Titel, die Farbpalette, die Planetenart, die Position der Bodenlinie, die Anzahl der Sterne, Krater und vor allem die Liste der Akteure mit ihren Bewegungspfaden definiert. Fertige Sprites sind bereits vorhanden; für eigene Motive können in einem definierten Format neue Pixelgrafiken hinzugefügt werden. Das Rendering erfolgt über ein eigenes Skript und dauert etwa 20 Sekunden.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

/8-bit: Retro-Pixelart-Szenen

Die Szene wird aus Schauspielern aufgebaut – jeder ist ein Sprite mit einem zeitlichen Pfad. Standardmäßig wird die Mondlandung von 1969 mit der brasilianischen Flagge nachgestellt.

Schritt-für-Schritt-Anleitung

  1. Definiere die Geschichte in 3 bis 5 Schritten (wer tritt ein, wohin geht es, was passiert) und den endgültigen Bildtext (maximal ~20 Zeichen, Großbuchstaben).
  2. Erstelle die Spezifikation in ./animacoes-out/8-bit.json: Titel, Planet, Farben und die Liste actors. Verwende die vorhandenen Sprites oder zeichne neue in sprites.
  3. Überprüfe: bash <pfad-dieser-skill>/render.sh ./animacoes-out/8-bit.json --sheet --out ./animacoes-out/8-bit.mp4. Die Schauspieler müssen vollständig sichtbar sein und die Bildunterschrift nicht überdecken.
  4. Rendere ohne --sheet (ca. 20 Sekunden).

Spezifikation

FeldStandardwertBeschreibung
title"1969"Großer Text oben (Pixel-Schriftart)
caption / captionAt"EIN KLEINER SCHRITT" / 1.7Eingeblendete Bildunterschrift und Startzeit (s)
planet{kind:"earth", x:836, y:470, size:208}earth, moon, sun, mars oder null
groundY1300Höhe des Bodens
colors{sky, title, ground, groundTop, crater, caption}Farbpalette
stars, craters150, trueDetails
actorsMondlandefähre, Astronaut, Flaggesiehe unten
sprites{}Eigene Sprites
pixel8Pixelgröße

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

  • path: Zeitpunkte (s) mit x,y der oberen linken Ecke; y kann "ground" sein (auf dem Boden aufgesetzt).
  • flame: Feuer unterhalb während der Bewegung. dust: Staub bei Ankunft. walk: wechselt die Animationsbilder. pole: zeichnet einen Mast und setzt den Sprite darauf (Flaggen).

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

Eigene Sprites: Jede Zeichenkette ist eine Zeile; jeder Buchstabe steht für eine Farbe der Palette; . ist transparent.

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

Beispiel

Prompt: /8-bit Die erste brasilianische Rakete startet

{ "title": "1965", "caption": "START", "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 } ] }

(Überprüfe die historischen Fakten, bevor du sie verwendest.)

Regeln

  • Historische Fakten müssen wahrheitsgemäß sein; im Zweifelsfall nachfragen oder recherchieren.
  • Keine vorhandenen Figuren, Logos oder Kunst aus bestehenden Spielen: Erstelle originale Sprites.

Verwandte Skills