Design

openclaw-persona-forge ist ein workfloworientierter Skill zum Erstellen kompletter OpenClaw-Persona-Pakete von Grund auf. Er erzeugt Identitätsspannung, SOUL.md-artige Rahmung, Grenzregeln, Namensoptionen und optionale Hinweise für Avatar-Prompts. Am besten geeignet für OpenClaw-Charakterdesign, Rollenspiel-Agents und persona-nahe UI-Design-Arbeit, nicht für kleinere Änderungen an einer bestehenden Persona.

gan-style-harness ist ein Generator-Evaluator-Skill für Agent Orchestration, der beim Aufbau vollständiger Apps mit strengerer Kritik, besseren Iterationen und weniger Schwachstellen hilft. Verwenden Sie ihn, wenn Sie den gan-style-harness-Skill für frontendlastige, Full-Stack- oder produktionsorientierte Arbeit benötigen, bei der Review-Qualität wichtiger ist als Geschwindigkeit.

Das prototype-Skill hilft dir dabei, Wegwerfcode zu bauen, der eine konkrete Frage beantwortet, bevor du dich auf eine echte Implementierung festlegst. Nutze es, um Logik, Zustandsübergänge, Datenstruktur oder die UI-Richtung mit einem lauffähigen Prototypen zu testen, der den Konventionen des Host-Repos entspricht. Ideal ist es, wenn du einen schnellen Prototypen-Guide brauchst, nicht eine fertige Funktion.

design-taste-frontend ist ein Anti-Slop-Frontend-Skill für Landingpages, Portfolios, Editorial-Seiten und Redesigns. Er hilft einem Agenten, das Briefing zu lesen, die richtige visuelle Richtung abzuleiten und Interfaces zu liefern, die bewusst gestaltet statt schablonenhaft wirken. Besonders geeignet für Frontend-Entwicklung, wenn Designgespür, Hierarchie und Markenfit entscheidend sind.

typeset verbessert die UI-Typografie, indem es Schriftwahl, Hierarchie, Größen, Gewichtung und Lesbarkeit optimiert, damit Texte bewusst und stimmig wirken. Verwende die typeset Skill für UI Design, wenn Text generisch, inkonsistent oder schwer zu scannen wirkt und du ein klareres Schriftsystem mit weniger Rätselraten willst.

shape ist eine planungsorientierte UI/UX-Design-Skill, die ein strukturiertes Discovery-Interview durchführt und vor dem Coden ein Design-Brief erstellt. Verwende sie, um Nutzerprobleme, Rahmenbedingungen und die Richtung zu klären und den Brief anschließend an die Umsetzung zu übergeben.

quieter ist eine Verfeinerungs-Skill für UI-Design, die visuelle Aggressivität in lauten oder überstimulierenden Oberflächen reduziert, ohne Klarheit, Hierarchie und Markenabsicht zu opfern. Sie funktioniert am besten nach dem übergeordneten $impeccable Skill und hilft Teams, die Quellen der visuellen Intensität zu erkennen, bevor gezielte Anpassungen vorgenommen werden.

distill hilft dabei, überladene UI-Designs zu vereinfachen, indem visuelles Rauschen, schwache Hierarchien und redundante Optionen entfernt werden, damit die Kernaufgabe klar erkennbar bleibt. Nutzen Sie es, wenn ein Screen eine konsequente Reduktion, klarere Prioritäten und einen fokussierten Vereinfachungsdurchgang braucht.

critique unterstützt dich dabei, Interfaces, Features, Seiten oder Komponenten aus UX-Sicht zu prüfen – mit strukturierter Bewertung, persona-basierten Tests, Heuristik-Checks und umsetzbarem Feedback. Nutze die critique skill, wenn du für UI/UX-Design einen wiederholbaren Leitfaden für fundierte Reviews brauchst statt vager Kommentare. Am besten eignet sie sich für gezielte Kritik an einem klar abgegrenzten Bereich mit eindeutigem Kontext.

Nutze die delight Skill, um UI-Polish mit Geschmack, Mikrointeraktionen und Persönlichkeit in Success-, Lade-, Empty- und Onboarding-States einzubauen, ohne Nutzbarkeit oder Fokus zu beeinträchtigen.

Clarify verbessert unklare UX-Texte, Fehlermeldungen, Labels, Onboarding-Schritte und Anweisungen, damit Nutzer mit weniger Rätselraten handeln können. Es eignet sich für Technical Writing, Support-Inhalte und Produktteams, die verständlichere Interface-Texte brauchen. Der Skill beginnt mit Kontext, Zielgruppe und Nutzerzustand, bevor umgeschrieben wird, sodass das Ergebnis direkter, konkreter und besser nutzbar ist.

figma-create-new-file erstellt eine neue leere Figma Design-Datei oder ein FigJam-Board in den Entwürfen. Nutze es, wenn du einen frischen Ausgangspunkt brauchst, bevor du mit weiteren Figma-Aktionen fortfährst, einschließlich use_figma. Es unterstützt design oder figjam, optionales Benennen von Dateien und kann bei Bedarf den Planzugriff mit whoami auflösen.

Nutze figma, um Design-Kontext, Screenshots, Variablen und Assets vom Figma-MCP-Server abzurufen und Figma-Nodes in umsetzbare UI-Entscheidungen zu übersetzen. Diese figma skill ist ideal, wenn du eine Figma-URL oder eine Node-ID hast und präzise figma-Nutzung für Design-to-Code-Arbeiten, Setup oder Troubleshooting brauchst.

shader-dev ist ein praxisnaher GLSL-Shader-Skill für Echtzeit-Visuals im ShaderToy-Stil. Nutze den shader-dev Skill, um Ray Marching, SDF-Szenen, Beleuchtung, Partikel, Flüssigkeitsbewegungen, Post-Processing und shader-dev für UI-Design mit weniger Rätselraten als bei einem generischen Prompt umzusetzen oder zu debuggen.

brainstorm-ideas-new ist eine Ideations-Skill für die Discovery-Phase, mit der sich ein neues Produktkonzept aus PM-, Designer- und Engineer-Perspektive in konkrete Feature-Ideen übersetzen lässt. Nutze ihn für frühe Produktentdeckung, Startup-Ideen und strategische Planung, wenn du praktikable Optionen brauchst, die du vor dem Bau validieren kannst.

identify-assumptions-existing hilft dir, eine Feature-Idee in einem bestehenden Produkt einem Stresstest zu unterziehen, indem riskante Annahmen über Value, Usability, Viability und Feasibility sichtbar gemacht werden. Dabei werden Perspektiven aus Product Management, Design und Engineering sowie eine Devil’s-Advocate-Perspektive für strategische Planung und die Risikoprüfung vor dem Build genutzt.

brainstorm-ideas-existing ist eine Product-Discovery-Skill zum Entwickeln von Ideen für ein bestehendes Produkt – aus Sicht von PM, Designer und Engineer. Sie hilft dabei, Chancen zu erkunden, vielversprechende Richtungen einzugrenzen und Konzepte für Product-Management-Workflows sowie Trio-basierte Discovery zu priorisieren.

wwas ist ein Prompt-Skill für Requirements Planning, der grobe Ideen in Backlog-Items nach dem Why-What-Acceptance-Prinzip überführt. Verwenden Sie den wwas-Skill, um den Geschäftskontext festzuhalten, die Änderung klar zu definieren und testbare Akzeptanzkriterien für sprintreife Arbeit zu formulieren.

Nutze die user-stories skill, um Features mit den 3 Cs, INVEST-Kriterien, Design-Links und testbaren Akzeptanzkriterien in backlogfähige Stories zu überführen. Ideal zum Schreiben von User Stories, zum Aufteilen von Features in Backlog-Items und für user-stories in der Requirements Planning mit klarerem Scope und weniger Rätselraten.

Nutze die job-stories skill, um Feature-Ideen in JTBD-ähnliche Job Stories zu verwandeln – im Format „Wenn [Situation], möchte ich [Motivation], damit ich [Ergebnis]“. Das sorgt für klarere Backlog-Einträge, eine gezielte Nutzung von job-stories für Requirements Planning und Akzeptanzkriterien, die sauber im Nutzerkontext verankert sind.

Die design-Skill hilft dabei, vage UI-Anforderungen in produktionsreife visuelle Ergebnisse für Seiten, Komponenten, Dashboards und screenshotgestützte Feinarbeit zu übersetzen. Nutze sie, wenn die Oberfläche hässlich, unklar, inkonsistent oder visuell falsch wirkt und wenn du Design für UI-Design statt für Backend-Logik oder Datenpipelines brauchst. Sie enthält Hinweise zu Installation, Nutzung, Leitplanken und besseren ästhetischen Entscheidungen.

Die design-md-Skill analysiert Stitch-Projekte und macht aus ihren Screens eine semantische DESIGN.md als Single Source of Truth für konsistentes Layout, konsistenten Ton, Farben und die Komponentensprache. Verwende design-md für Design Systems, wenn du promptbare Orientierung für künftige Stitch-Generierungen brauchst – nicht nur eine visuelle Zusammenfassung.

Die sharp-edges-Skill hilft dir, APIs, Konfigurationen und Schnittstellen zu finden, bei denen der naheliegende Weg zu unsicherer Nutzung führt. Nutze sie, um Authentifizierungsflüsse, kryptografische Wrapper, gefährliche Standardwerte, Null- oder Zero-Semantik und anfällige Designentscheidungen zu prüfen. Sie passt besonders gut für sharp-edges bei Security-Audit-Arbeiten, wenn du konkrete Fallstricke brauchst und keine allgemeinen Sicherheitsvermutungen.

lean-ux-canvas hilft Teams dabei, ein Geschäftsproblem zu schärfen, Annahmen offenzulegen und mit dem Lean UX Canvas v2 festzulegen, was als Nächstes gelernt werden soll. Nutze es für die Vorbereitung von Workshops, zur Abstimmung mit Stakeholdern und für frühe Product-Discovery-Phasen, wenn du vor der Lösungsentwicklung einen praxisnahen lean-ux-canvas-Leitfaden brauchst.