CommunityBildgithub.com

jiaxinyang1104/y2k-pixel-doodle

Übersetzt das Eingabebild in ein Y2K-Pixel-Doodle auf weißem Hintergrund mit denselben Abmessungen und Komposition. Es verwendet grobe, unebene Linien für Gesichtszüge und das gesamte Bild, bewahrt den Gesichtsausdruck und kombiniert lockere Farbfüllungen mit Mini-Stickern. Die Liniendichte wird je nach Motiv oder Umgebung angepasst. Ideal für Mauszeichnungen und unbeholfene Pixelkunst.

Was ist y2k-pixel-doodle?

Dieses Skill für KI-Agenten wandelt Bilder in den unverwechselbaren Stil einer Y2K-Pixel-Kritzelei auf weißem Hintergrund um. Es ist darauf ausgelegt, den „Wiedererkennungs-effekt mit kleinen Fehlern“ nachzubilden, der für die persönlichen Homepages der frühen 2000er Jahre typisch war. Der gesamte Prozess basiert auf einer einzigen, durchgehenden Linienführung mit einer virtuellen Pixelleinheitsgröße, ungleichmäßigen Mausstrichen und einer einheitlichen Pinseldicke. Gesichtszüge wie Augen, Mund und Nase werden nicht separat verfeinert, sondern mit denselben groben Pixeln wie der Rest des Motivs gezeichnet, wobei der ursprüngliche Gesichtsausdruck erhalten bleibt. Das Skill unterstützt die Bilderzeugung über integrierte Tools und die Generierung von Text-Prompts. Es ist besonders nützlich für Entwickler und KI-Agenten-Nutzer, die einen konsistenten, „handgezeichneten“ Low-Fidelity-Look für Charaktere, Objekte, Haustiere und sogar reine Landschaften erzeugen möchten. Der Stil wird durch lockere, ungleichmäßige Farbfüllungen, gelegentliche Übermalungen und kleine, bunte Pixel-Sticker (wie schiefe Sterne oder Herzen) ergänzt, die in den weißen Leerraum gestreut werden. Das Skill ist für plattformübergreifende Nutzung konzipiert und legt Wert auf die Beibehaltung der ursprünglichen Bildkomposition, des Seitenverhältnisses und des Bildausschnitts, während es die charakteristischen Unvollkommenheiten hinzufügt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jiaxinyang1104/y2k-pixel-doodle/tree/HEAD

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Y2K Weißgrund-Pixel-Handzeichnung

Zeichne mit schiefen Maus-Pixellinien, losen Farbfüllungen, bunten Mini-Stickern und viel weißem Hintergrund eine „erkennbare, aber überall ein bisschen daneben“-Y2K-Homepage-Kritzelei. Die Low-Fi-Ästhetik entsteht gleichzeitig aus Form, Linien, Farbgebung und Detailreduktion. Der Inhalt wird jedes Mal auf Basis der aktuellen Eingabe neu bestimmt.

Inhalt aus der Eingabe extrahieren

  • Lege die Rolle jedes Bildes fest. Das Originalbild bestimmt Motiv, Haltung, Perspektive, Bildausschnitt und den räumlichen Kontext. Das Stilbild liefert Linien, Farbblöcke, Pixelmaßstab, Leerraum und Verzierungen. Screenshots mit Oberflächen, Symbolen, Personen und Gegenständen werden nur dann ins Bild aufgenommen, wenn der Benutzer es angibt.
  • Extrahiere zwei bis vier Ankerpunkte, die das Motiv ausreichend identifizieren, z. B. Frisur und Accessoires, Ohr-/Schwanzrichtung, wichtige Öffnungen eines Objekts. Behalte die Handlungsabsicht, Objektbeziehungen und Kameraperspektive bei, erlaube aber sichtbare Abweichungen bei Schulterlinien, Kleidung, Accessoires, Außenkonturen oder unwichtigen Proportionen. Haustiere können leicht ungleiche Ohren oder Pfoten haben, Objekte können dezentrierte Strukturen aufweisen. Diese lokalen Fehler dienen dem unbeholfenen Look.
  • Bei Gesichtern priorisiere die Blickrichtung, Augenöffnung und Lidform, Augenbrauenwinkel, Mundöffnung und Mundwinkel, um die ursprüngliche Emotion zu erhalten. Wenn der Benutzer ein bestimmtes Bild als Gesichtsreferenz angibt, extrahiere diese Ausdrucksbeziehungen und zeichne die Gesichtszüge mit der einheitlichen Methode für das gesamte Bild neu. Die Gesichtsreferenz bestimmt die Mimik, die Linienregeln bestimmen die tatsächlichen Striche. Augen, Augenbrauen, Mund, Nase und Wangenröte-Striche sollten denselben Pixelmaßstab und dieselbe Fehleranfälligkeit wie die Körperkonturen aufweisen. Verwandle den ursprünglichen Ausdruck nicht einheitlich in Punkt-augen, Standard-Lächeln, große Kulleraugen oder füge neue Wangenröte hinzu.
  • Lese die Pixelbreite und -höhe des Originalbildes aus. Liefere standardmäßig dieselbe Größe und dasselbe Seitenverhältnis aus und übernimm den Anteil, die Position, die Kameraperspektive und den Bildausschnitt des Motivs. Ändere dies nur, wenn der Benutzer explizit neue Abmessungen oder eine neue Komposition vorgibt. Die unbeholfenen Verformungen lokaler Formen finden innerhalb der ursprünglichen Komposition statt; der Kopf- und Randabstand wird ebenfalls aus dem Original übernommen. Das Originalbild dient als Wiedererkennungs- und Bewegungserferenz; zeichne direkt aus dem Original neu. Die Anforderung präziser, perfekt symmetrischer lokaler Formen durch Prompts schwächt die gewünschte Zeichenmethode.
  • Überprüfe die Abmessungen sowohl während der Erzeugung als auch beim finalen Export. Bei Abweichungen zwischen Tool-Ausgabe und Originalabmessungen verwende eine verhältnisgetreue Exportanpassung, die das gesamte Bild und die Pixelkanten erhält, und ergänze nur bei Bedarf schmale Hintergrundkanten. Vermeide unverhältnismäßige Skalierung oder Beschnitt, die den Inhalt verändern. Überprüfe vor der Auslieferung die finalen Pixelabmessungen.
  • Wähle aus dem Original eine Handvoll Hauptfarben und für die umgebenden Sticker zwei bis drei helle Kontrastfarben. Die Farben des Motivs können leicht abweichen; Musterungen, Blumen und kleine Accessoires werden zu groben Repräsentanten komprimiert. Wenn der Benutzer Farbänderungen wünscht, gelten die neuen Farben.

Mit einheitlicher Pixel-Zeichenmethode neu zeichnen

  • Ein Stift für das gesamte Bild. Verwende ein Single-Pixel-Grid, denselben groben, handgezeichneten Mausstift, eine konsistente Strichstärke und denselben Zitterfaktor. Lege für das gesamte Bild ein virtuelles Pixel-Raster, die Basisstrichstärke, Treppenkurven-Maßstab und Zitteramplitude fest; Zeichne Gesichtszüge, Körper, Objekte, Hintergrundstrukturlinien und bunte Mini-Sticker mit diesem einen Satz. Die Basisstrichstärke beträgt in der Regel ein bis zwei Kästchen des virtuellen Rasters; lokale Schwankungen bleiben in diesem Bereich. Der Hintergrund tritt hauptsächlich durch weniger Linien, geringeren Farbkontrast und Leerraum zurück, behält aber die gleichen Pixelkörnung und Kurvengewohnheiten.
  • Gesichtszüge homogen mit der Umgebung. Auch Augenränder, Pupillenumrandungen, Augenbrauenbögen, Lippen und Nasenspitze sollten entsprechende Treppen, leichte Unrundheiten und Strichfehler aufweisen. Kleine Merkmale werden mit noch weniger Pixeln zusammengefasst, wobei die Ausdrucksbeziehung erhalten bleibt. Vermeide es, für kleine Details auf eine höhere Auflösung umzuschalten. Glanzlichter in den Augen können in kleine weiße Blöcke desselben Rasters umgewandelt werden; auch Mundfüllung und Wangenröte verwenden einheitliche, harte Kantenstriche. Verhindere Brüche im Zeichenstil, z. B. glatte, perfekte runde Augen, feine Wimpern oder saubere Mundlinien, die in einer groben Außenkontur sitzen. Diese Regel gilt für Menschen, Tiere und Cartoon-Charaktere.
  • Formen und Linien. Verwende „awkward amateur MS Paint doodle“, „imperfect memory sketch“, „wonky pixel contours“. Die Außenkontur sollte sichtbare Verschiebungen, Fehler in den Bögen, Nachzeichnungen, abgesetzte Linien und ungleichmäßige Dicken aufweisen. Lokale Bögen können plötzlich abknicken, Accessoires können leicht falsch ausgerichtet sein, Gesichtszüge werden gemäß den Ausdrucksankern vereinfacht. Normale Kompositionen können eine virtuelle Leinwand von etwa 160–220 Pixeln verwenden, um den Low-Detail-Grad zu beschreiben, wobei Anpassungen je nach Bedarf erfolgen. Verwende dann eine Nearest-Neighbor-Vergrößerung, um die Kanten zu erhalten. Die tatsächliche Ausgabeauflösung richtet sich nach den Tools.
  • Farbgebung. Verwende „scribbly pixel brush fills“, „misregistered color“, „uneven bucket fill“. Die Farbblöcke behalten kratzige Striche in verschiedenen Richtungen, weiße Lücken und einige überlappende Farben bei, wobei lokal die Farben über die Linien hinausgehen oder ein bis zwei Kästchen vom Rand abweichen. Die Farbe und die Kontur passen nicht perfekt; einige grob zusammengefasste kleine Farbblöcke ersetzen feine Texturen. Der Rest der Bildfläche bleibt sauber. Vermeide gleichmäßiges Rauschen, globale Unschärfe, sanfte Verläufe und saubere, vektorförmige, geschlossene Füllungen.
  • Wenn ein menschliches oder tierisches Motiv oder ein Objekt im Mittelpunkt steht. Das Motiv erhält die klarsten Konturen, den höchsten Linienkontrast und die Hauptfarbblöcke. Der Hintergrund bleibt standardmäßig weiß, mit ausgewählten wenigen Strukturlinien aus dem Original, die auf den Raum hinweisen, z. B. einer Mauerecke, einem Fensterrahmenausschnitt oder einem Bodenübergang, wobei die grobe Position und Überdeckung erhalten bleiben. Die Linien werden krumm, leicht schief, unterbrochen und heller gezeichnet, wobei die Basisstrichstärke und Pixel verwendet werden, sodass viele Linien natürlich leer bleiben. Fensterrahmen und Trennwände können nur mit wenigen Schlüsselstrichen gezeichnet werden; wiederholte Fugen und Gitterlinien werden je nach Lesbarkeit stark vereinfacht. Nur Hintergrundobjekte, die an der Handlung des Motivs beteiligt sind oder zur Erzählung beitragen, werden beibehalten. Konzentriere die Aufmerksamkeit des Hintergrunds auf den Bereich hinter dem Motiv.
  • Wenn eine reine Landschaft oder Umgebung das Hauptmotiv ist. Analysiere separat den visuellen Schwerpunkt, die Horizontlinie, die Vorder-/Mittel-/Hintergrundbeziehung, die Hauptgebäude- oder Geländekonturen des Bildes und entscheide dann, welche Strukturlinien und Farbblöcke das Bild tragen. Verwende Leerraum, um unwichtige Texturen zu überspringen und behalte das Skelett, das den Ort und die räumliche Tiefe lesbar macht. Die Linien sind ebenfalls schief und locker; ihre Dichte variiert je nach Bedeutung der Ebene. Wenn der Benutzer einen einfarbigen Hintergrund wünscht, verwende diese Farbe als Basis.
  • Mini-Sticker. Standardmäßig werden im weißen Leerraum einige wenige miniaturartige Farbpixel-Kritzeleien verteilt, normalerweise drei bis sechs. Die längste Seite jedes Motivs beträgt etwa 3 %–5 % der kürzeren Seite der Leinwand und ist deutlich kleiner als der Kopf des Charakters oder das Hauptobjekt. Wähle jedes Mal aus leeren Herzen, schiefen Sternen, Kreuzen, kleinen Blumen, Wellen, Pfeilen oder zufälligen Kringeln aus und verwende wenige Farben wie Pink, Säuregrün, Kobaltblau oder Gelb. Größe, Neigung und Abstände sind uneinheitlich, die Platzierung etwas unerwartet, während Gesichtszüge und wichtige Hintergrundstrukturen gemieden werden. Auch die kleinen Motive werden mit ungeschickten Maus-Pixellinien gezeichnet und vermitteln ein etwas kindliches, billiges Homepage-Sticker-Gefühl. Bei explizitem Benutzerwunsch nach keinem Dekor wird darauf verzichtet.

Zum Beispiel: Eine Ganzkörperfigur wird anhand von Frisur, Bewegung, ursprünglicher Mimik und einigen Kleidungsfarben erkannt; Schulterlinien und Stofffalten können unbeholfen sein. Ein Haustier wird an Haltung von Ohren und Schwanz, Blick und Hauptfellfarben erkannt; die Außenkontur kann leicht missraten sein. Ein Objekt wird durch seine Schlüsselkonturen und Verbindungen erkennbar; unwichtige Teile können aus dem Gedächtnis vereinfacht sein. Eine reine Landschaft organisiert ihren Raum um ihren visuellen Schwerpunkt.

Nach Benutzerwunsch ausliefern

  • Prompts oder Reverse-Engineering. Liefere direkt kopierbare Prompts. Definiere zuerst das Motiv des Originals, die Komposition und die Rolle des Referenzbildes, dann die Pixel-Linien, Farbblöcke, den Hintergrund und einige wenige Ausschlusskriterien. Stelle bei jedem Generierungsbefehl klar, dass Gesichtszüge, Körperkonturen, Hintergrund und Sticker mit demselben Maus-Pixelstift auf demselben Raster gezeichnet werden und eine separate Verfeinerung des Gesichts verboten ist. Wenn der Benutzer eine allgemeine Vorlage wünscht, schreibe Motiv, Haltung, Farbpalette, Szene und Leinwand als austauschbare Parameter. Wenn der Benutzer einen konkreten Input liefert, ersetze diese Parameter direkt durch die beobachteten Inhalte.
  • Bildgenerierung. Wenn der Benutzer Bilder wünscht, verwende das aktuell verfügbare integrierte Bildgenerierungstool, gib das korrekte Originalbild und Stilbild als Referenz ein und kennzeichne ihre jeweiligen Rollen im Prompt. Mehrere unabhängige Originalbilder werden standardmäßig einzeln generiert, nur bei explizitem Fusionswunsch kombiniert. Verwende nur dann ein zuvor generiertes Bild als Bearbeitungsgrundlage, wenn der Benutzer explizit danach verlangt.
  • Nach der Ausgabe überprüfen. Überprüfe die Übereinstimmung von Breite und Höhe, Motivreil und Bildausschnitt zwischen Original und Ausgabe. Bestätige, dass der Blick und die Mundstellung den ursprünglichen emotionalen Ausdruck beibehalten haben. Vergleiche bei gleicher Vergrößerung die Strichbreite, die Pixelstufen und den Zitterfaktor von Augen, Mund, Gesichtskontur, Körperkontur und Stickern. Wenn die Gesichtszüge deutlich runder, feiner oder wie nachträglich aufgeklebt wirken, vereinfache sie vorrangig mit dem Raster des gesamten Bildes neu, während der ursprüngliche Ausdruck erhalten bleibt. Wenn es ein klares Motiv gibt, muss der Hintergrund in den Hintergrund treten; die Strukturlinien müssen ausreichen, um den Raum zu vermitteln, und sie müssen verzerrt sein. Bei reinen Landschaften überprüfe den visuellen Schwerpunkt und die räumlichen Ebenen. Die Dekorationen müssen winzig bleiben; schiefe Konturen und lockere Farbfüllungen müssen sichtbar sein.

Verwandte Skills