CommunityBildgithub.com

leviyuli/abstract_logo-skill

Verarbeitet ein bereitgestelltes Bild zu einer eigenständigen abstrakten Bildmarke mit quellspezifischer Geometrie, flachen Farbflächen und dezenter Drucktextur. Ideal für aus Bildern abgeleitete abstrakte Logos, visuelle Abstraktionen oder Foto-zu-Symbol-Anfragen.

Was ist abstract_logo-skill?

Der Skill 'leviyuli/abstract_logo-skill' wandelt ein beliebiges Eingabebild in eine abstrakte, eigenständige Bildmarke um – geeignet für abstrakte Logos, visuelle Symbole oder die Reduktion eines Fotos auf ein prägnantes Zeichen. Die Methode folgt einem strengen Designprozess: Zunächst werden zwei bis drei charakteristische visuelle Merkmale des Quellbilds identifiziert (z. B. Silhouette, Geste, Rhythmus), diese dann in wenige geometrische Module, Linien, Überschneidungen oder Negativformen übersetzt. Die gesamte Bildhierarchie wird auf das Markenzeichen konzentriert, das auf einem warm-weißen oder grau-weißen Hintergrund zentriert oder leicht versetzt platziert wird. Die visuelle Sprache orientiert sich an post-digitaler Grafik, dekonstruiertem Schweizer Layout und diagrammatischer Abstraktion. Es werden ein bis zwei signifikante Druckfarben sowie eine unterstützende Farbe aus dem Quellbild extrahiert und flächig, ohne Verläufe oder Neon-Effekte, eingesetzt. Die Geometrie bleibt präzise, während leichte handwerkliche Unregelmäßigkeiten durch dezente Drucktexturen (Schablonenkörnung, Kopier- oder Scanrauschen, Papierfasern, Registerversatz) eingebracht werden. Das Ergebnis ist eine zurückhaltende, fertige Rastergrafik (oder, auf Wunsch, ein bearbeitbares Vektor-PDF). Der Skill unterstützt Plattformen wie Claude Code, Cursor und Codex und wird durch die Markdown-Dokumentation detailliert gesteuert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/leviyuli/abstract_logo-skill/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

Abstraktes Logo

Erstelle eine eigenständige abstrakte Bildmarke aus dem bereitgestellten Bild. Frage nach einem Quellbild, wenn keines verfügbar ist.

Lies und reduziere die Quelle

  1. Identifiziere die zwei oder drei Merkmale, die dieses Bild am meisten auszeichnen. Suche nach einer Silhouette, einer strukturellen Verbindung, einer Geste, einem wiederholten Rhythmus oder einer Beziehung zwischen Elementen. Bevorzuge Merkmale, die sowohl Charakter als auch Komposition vermitteln.
  2. Ordne diese Merkmale einigen wenigen geometrischen Modulen, Linien, Schnitten, Überschneidungen oder Negativraum-Formen zu. Nutze die Beziehungen zwischen den Modulen, um Bedeutung zu transportieren. Lasse die vollständige Figur, Landschaft und zufällige Szenendetails weg. Ein anderes Motiv sollte eine andere Konstruktion erfordern.
  3. Gib der Bildmarke die gesamte visuelle Hierarchie. Zentriere sie oder versetze sie leicht auf einem großzügigen warm-weißen oder grau-weißen Grund. Halte sie als einzelne Marke in Thumbnail-Größe lesbar.

Lege die visuelle Sprache fest

  • Verwende post-digitale Grafiken, dekonstruiertes Schweizer Layout, generative Symbolsysteme und diagrammatische Abstraktion als Designvokabular. Leite Ausrichtung, Wiederholung oder Brüche im Raster aus den Quellmerkmalen ab.
  • Füge einen spärlichen Bogen, ein partielles Konstruktionsraster, eine Haarlinie, einen Knoten oder ein Mikrosymbol nur dann hinzu, wenn es etwas über die Konstruktion der Bildmarke oder die Quellbeziehung preisgibt. Halte diese Markierungen sekundär. Schließe Symbolsammlungen, Infografik-Layouts, dekorative Muster und willkürliche Geometrie aus.
  • Extrahiere ein oder zwei Signaturdruckfarben sowie eine unterstützende Druckfarbe aus der Quelle. Weise jeder Farbe eine Rolle zu, um Module zu trennen oder eine Beziehung deutlich zu machen. Verwende flächige Volltonfarbfüllungen und zurückhaltenden Überdruck an den Stellen, an denen Formen aufeinandertreffen. Halte die Palette kompakt und verzichte auf Neon-Effekte und kommerzielle Verläufe.
  • Halte die Geometrie präzise und lasse den Druckabschluss eine leichte handwerkliche Abweichung liefern. Verwende kaum sichtbare Schablonenkörnung, Kopier- oder Scanrauschen, feine Papierfasern und lokalisierte Registerverschiebung. Lasse die Farbkanten subtil unvollkommen. Schließe starke Flecken, Risse und gleichmäßige Alterung aus.
  • Halte das Ergebnis zurückhaltend. Schließe schablonenhafte Logos, kommerzielle UI-Behandlungen, Cyberpunk, übertriebenen Futurismus, dichte Anmerkungen und Wasserzeichen aus.

Erzeuge und überprüfe

Verwende für eine fertige Rastergrafik die integrierte Bildgenerierung mit der Quelle als visueller Referenz. Beschreibe die ausgewählten Merkmale, wie die Formen sie ausdrücken, und die Rollen der Farben. Wenn der Benutzer ein bearbeitbares Vektorformat wünscht, baue die Bildmarke aus bearbeitbaren Pfaden auf und halte jegliche Drucktextur getrennt von der Kerngeometrie.

Überprüfe das Ergebnis in voller Größe und als Thumbnail. Stelle sicher, dass jede prominente Form einem ausgewählten Merkmal dient, die Bildmarke als ein zusammenhängendes Symbol lesbar ist und Konstruktionsdetails oder Textur untergeordnet bleiben. Liefere das eigenständige Kunstwerk aus. Füge eine Merkmalanalyse nur auf Anfrage hinzu.

Verwandte Skills