Wie du dein eigenes IP schnell mit Claude erweiterst

Codex und Claude direkt nach GIFs fragen

Sie konnten schnell eine animierte Qualle erzeugen, aber die Ergebnisse waren nicht ganz richtig. Die Figur bewegte sich, doch die Animation fing nicht das Wesen von AirJellys Pixel-Art-Design ein.

Pixelgröße, Silhouette, Proportionen, Farbgrenzen, Tentakelformen und Frame-Timing zählen alle. Wenn auch nur eines davon zu weit abdriftet, beginnt das Ergebnis wie eine ähnliche neue Figur auszusehen statt wie AirJelly selbst.

Die eigentliche Herausforderung war also nicht das Erzeugen einer Animation. Es war, Einschränkungen zu schaffen, die klar genug sind, um die visuelle Identität der Figur durchgehend zu bewahren.

Pixelorama mit Claude verbinden

Ich habe Pixelorama gewählt, weil es speziell für Pixel-Art und Bild-für-Bild-Animation gebaut wurde. Es bietet Raster, Bearbeitung auf Pixelebene, Frame-Verwaltung, Animationsvorschauen und Exporte mit transparentem Hintergrund.

Diese Einschränkungen auf Werkzeugebene werden zu nützlichen kreativen Vorgaben. Sie geben Claude eine Umgebung, die der Logik der Pixelanimation folgt, statt es zu bitten, einen Pixel-Art-Stil allein aus einer Textbeschreibung anzunähern.

Pixelorama hatte kein natives MCP, also baute Claude eines

Pixelorama liefert keinen MCP-Server mit, also bestand der erste Schritt darin, Claude zu bitten, einen zu schreiben und ihn in den Workflow einzubinden. Null npm-Abhängigkeiten, eine einzige Datei, Node ≥ 18. Er tut zwei Dinge: Er schreibt .pxo-Projektdateien direkt (implementiert gegen den Quellcode von Pixelorama v1.1.10, pxo_version 6) und steuert Pixeloramas Headless-CLI zum Exportieren von Bildern.

Sobald er integriert war, war das schwierigste Problem — die Stilkonsistenz — weitgehend gelöst. Was blieb, war, die Aktion, den Ausdruck, das Timing und die Details im Gespräch zu beschreiben und Claude dann in der Vorschau verfeinern zu lassen.

Wiederholte Lektionen in einen wiederverwendbaren Skill verwandeln

Über die Werkzeugintegration hinaus habe ich die Prompts, Designregeln und den Produktions-Workflow in einem Skill gesammelt. Das bedeutet, ich erkläre Claude nicht mehr jedes Mal dieselben Regeln, wenn ich eine neue Animation erstelle — Claude verwendet die etablierte visuelle Sprache wieder, und der Workflow wird mit der Zeit konsistenter.

Alles zusammen in der Vorschau ansehen, dann in Stapeln exportieren

Organisiere alle Aktionen nach Kategorie und sieh sie zusammen auf einer einzigen HTML-Seite in der Vorschau an. Das macht es viel einfacher, Proportionen der Figur, Bewegungsradius, Wiedergabegeschwindigkeit und Gesamtstil über das komplette Set hinweg zu vergleichen — und es bringt Inkonsistenzen vor dem Export ans Licht, nicht danach.

Sobald jede Aktion verfeinert ist, exportiere das komplette Set als transparente GIFs. Zusammen designen, zusammen prüfen, zusammen exportieren hält eine ganze Familie von Assets auf eine Weise konsistent, wie es das Exportieren jeder einzelnen direkt nach Fertigstellung nie tut.

Dieselben Assets zu mehr IP-Produkten erweitern

GIFs müssen nicht das Endprodukt sein. Wähle die ausdrucksstärksten Standbilder aus den Animationen aus, konvertiere sie zu SVG und nimm sie für einen zweiten Durchgang mit in Figma — Konturen, Farben, Striche, Layout — und passe das Artwork dann für Sticker, Acryl-Anhänger und Badges an.

Dieselben Bewegungs-Assets lassen sich auch im Video wiederverwenden: AirJelly als animierter Moderator-Avatar, der mit passenden Ausdrücken auf die Erzählung reagiert. Von animierten Emojis über flache Grafiken bis hin zu physischem Merchandise und Videofiguren wird eine Sammlung von IP-Assets immer wieder getrennt, neu kombiniert und wiederverwendet.