CommunityBildgithub.com

Hairline: Adoption einer Zeichnung

Nützlich, wenn jemand ein SVG (Icon, Logo, Illustration) hat und es als Hairline-Figur haben möchte, oder `/hairline-adopt` mit einer Datei ausführt. Liest die Zeichnung, baut ihr Objekt als isometrische Linienfigur auf der Engine von @lucasmarkes/hairline neu auf und verleiht ihr eine Geste, die auf den Zeiger reagiert.

Was ist Hairline: Adoption einer Zeichnung?

Dieses Skill verwandelt jede SVG-basierte Zeichnung (Icon, Logo, Illustration) in eine lebendige Hairline-Figur. Es analysiert die Vorlage, zerlegt sie in proportionale Einzelteile und konstruiert daraus auf der Engine von @lucasmarkes/hairline eine völlig neue isometrische Linienfigur – ohne die ursprüngliche SVG zu animieren oder zu verfolgen. Der Benutzer kann optional eine interaktive Geste (z. B. eine Reaktion auf den Mauszeiger) festlegen, andernfalls schlägt der Skill selbst passende Gesten vor. Es eignet sich vor allem für Designer, Entwickler und KI-Agenten, die Markenlogos, Symbole oder Illustrationen als interaktive Charaktere in Webprojekte einbinden möchten. Unterstützt wird der gesamte Workflow von der Dateianalyse über den Bau der Figur bis zur Übergabe des fertigen Codes – alles über den Befehl `/hairline-create`.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/parthkapoor15/skill-library/tree/HEAD/skills/hairline/hairline-adopt

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

Was macht Hairline: Adoption einer Zeichnung?

Die Person hat eine Zeichnung und möchte sie lebendig haben, als Hairline-Figur. Dieses Skill liest die Zeichnung, baut ihr Objekt als Festkörper auf der Hairline-Engine neu auf und verleiht ihr eine Geste. Es animiert das SVG selbst nie und verfolgt es nie: Die Zeichnung gibt die Identität vor, und die Figur wird neu gebaut, mit ihren Proportionen und ihren Teilen.

Was es braucht

  • Eine .svg-Datei: ein Icon, ein Logo, eine Illustration. Wenn mehrere vorliegen, erstelle eine Figur nach der anderen: frage, welche zuerst kommen soll.
  • Optional, was der Zeiger damit tun soll. Ohne Vorgabe schlagen die Konzepte die Geste vor.

Was zu tun ist

Rufe /hairline-create mit dem Dateipfad auf und danach, was die Person über die Geste gesagt hat, in ihren eigenen Worten. Schritt 0 liest die Zeichnung und legt das Objekt und seine Teile fest; die Konzepte behalten diese dann und unterscheiden sich in der Geste, oder, wenn die Geste vorgegeben wurde, in der Form und der Ausgabe. Alles danach – der Bau, die Prüfung und die Übergabe – ist Sache dieses Skills.

Was zu sagen ist

Wenn du die Konzepte anbietest, sage zuerst in einer Zeile, als was du die Zeichnung gelesen hast und welche ihrer Teile du beibehalten hast. Wenn die Person die Lesart korrigiert, lies sie vor dem Bau eines Konzepts erneut so, wie sie es sagt.

Wenn die Zeichnung ein Zeichen ist, das jemand anderem gehört, sage das bei der Übergabe: Die Seite zeigt das Zeichen eines anderen Unternehmens, und es liegt an diesem, es zu veröffentlichen oder nicht.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills