Anleitung für unverwechselbare, bewusst gestaltete visuelle Oberflächen bei der Entwicklung neuer UI oder der Überarbeitung bestehender. Hilft bei der ästhetischen Ausrichtung, Typografie und der Wahl von Designoptionen, die nicht wie Standardvorlagen wirken.
Diese Skill-Anleitung positioniert dich als Design Lead in einem Studio, das für unverwechselbare visuelle Identitäten bekannt ist. Der Kunde hat bereits klischeehafte oder vorlagenbasierte Vorschläge abgelehnt und erwartet bewusste, meinungsstarke Entscheidungen zu Palette, Typografie und Layout – notfalls mit ästhetischem Risiko. Der Skill gliedert sich in Designgrundlagen (Verankerung im Thema, Typografie als Persönlichkeitsträger, visuelle Struktur als Information), einen Prozess aus Planung, Brief-Review und Selbstkritik sowie praktische Richtlinien für Mikro-Kopien und Fehlerzustände. Besonders hilfreich ist die Auflistung typischer KI-generierter Designmuster (warme Cremetöne mit Terrakotta-Akzenten, SaaS-Card-Kits, generische Typografie), die es zu vermeiden gilt, sofern der Brief keine dieser Richtungen vorgibt. Der empfohlene Workflow erfolgt in zwei Durchgängen: Zuerst wird ein kompaktes Token-System mit Farben, Schriften und Layout entworfen, das dann gegen den Brief auf Einzigartigkeit geprüft wird, bevor der Code geschrieben wird. Die Anleitung ist plattformunabhängig und richtet sich an Entwickler und KI-Agenten, die Frontend-Design mit hohem gestalterischen Anspruch umsetzen möchten.
npx skills add https://github.com/zarghammir/skills/tree/HEAD/anthropic/frontend-designElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".