Senior Designer

Evidenzbasierter Senior-Designer-Prozess-Gate, der KI-Schrott-UI blockiert, bevor Code geschrieben wird.

von sshahzaiib · sshahzaiib/senior-designer-skill

Getestet · Funktioniert ★ 9.6/10

Senior Designer — Evidenzbasierter Senior-Designer-Prozess-Gate, der KI-Schrott-UI blockiert, bevor Code geschrieben wird.

Was es kann

Führt jede UI/App-Design- oder Build-Anfrage durch einen Double-Diamond-Prozess (Recherche, Design-Brief mit Begründung, Build, bewertete Checkliste), anstatt das Modell auf generische Komponentenbibliotheksausgaben zurückgreifen zu lassen. Löst bei 'baue mir X', 'entwirf einen Bildschirm/Seite/Dashboard' oder Beschwerden, dass eine UI generisch/KI-generiert aussieht, sowohl für Web als auch für natives SwiftUI aus.

Testbericht

Das Basis-Hero-Design landete auf genau den verbotenen Merkmalen (Indigo-Verlauf, Inter, Icon-Card-Grid, 'Supercharge your workflow'); der Skill-gesteuerte Lauf benannte einen nicht-Indigo-Akzent, zitierte eine Begründung pro Entscheidung und bewertete sich selbst anhand der 43-Punkte-Checkliste, bevor er ausgeliefert wurde.

Getestet am: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/sshahzaiib/senior-designer-skill.git
mkdir -p ~/.claude/skills
cp -r senior-designer-skill ~/.claude/skills/senior-designer

Befehle & Beispiel-Prompts

  • /senior-designerEvidenzbasierter Senior-Designer-Prozess-Gate, der KI-Schrott-UI blockiert, bevor Code geschrieben wird.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Design a pricing page hero that doesn't look like generic AI output.
  • Build me a dashboard screen, but skip the typical AI-slop design tells.
  • This SwiftUI screen looks too generic, can you redesign it properly?