Agf Design Discipline

Anti-AI-Schlamperei UI-Design-Disziplin: Design Read, drei Regler, AI-Tells Blacklist, Pre-Flight

Getestet · Funktioniert ★ 9.2/10

Was es kann

Eine Design-Beurteilungsschicht zur Erstellung von shadcn/ui + Tailwind Produkt-UI: Sie erfordert eine einzeilige "Design Read"-Deklaration, setzt VARIANCE/MOTION/DENSITY-Regler und erzwingt eine "AI tells"-Blacklist (Indigo-/Violett-Verläufe, Inter, reines Schwarz/Weiß, drei gleiche Karten, Emoji-Icons, gefälschte Namen, nur Happy-Path-Zustände) mit regelbasierten Überschreibungen und einem mechanisch überprüfbaren Pre-Flight. Wird ausgelöst beim Schreiben einer Design-Spezifikation oder eines statischen HTML-Prototyps, beim Erstellen von UI aus einem Design oder bei der Beurteilung, ob eine Schnittstelle KI-generiert aussieht. Setzt ein AGF-Stil-Projekt mit einer DESIGN.md Token-Datei und einem shadcn/Tailwind-Stack voraus.

Testbericht

SKILL.md unter .claude/skills/agf-design-discipline/ gefunden; Frontmatter wird mit Name+Beschreibung geparst. 3 referenzierte Dateien über raw fetch stichprobenartig überprüft – agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md – alle HTTP 200; keine Sicherheitsrisiken (beratendes Bash-Skript, exit 0, keine Netzwerk-/Exfiltrationsversuche). Zwei HTML-Benutzerlistenabschnitte erstellt und den Precheck des Skills ausgeführt: Die Baseline (mein reflexiver Standard) kennzeichnete 5 Kategorien (min-h-screen, font-family Inter, from-indigo/to-violet + bg-purple gradient, grid-cols-3 gleiche Karten, Emoji-Icons); die Skill-konforme Version kennzeichnete 0 und enthielt zusätzlich eine Design Read-Zeile, VARIANCE/MOTION/DENSITY=4/2/high-Regler, Token-referenzierte Farben, eine divide-y dichte Liste anstelle von 3 gleichen Karten, Lucide-Icons und vollständige Lade-/Leer-/Fehlerzustände anstelle von nur Happy-Path.

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

Installation

git clone --depth 1 https://github.com/pcliangx/AppGenesisForge.git /tmp/agf-design-discipline-src
mkdir -p ~/.claude/skills
cp -R /tmp/agf-design-discipline-src/.claude/skills/agf-design-discipline ~/.claude/skills/agf-design-discipline
# Optional mechanical pre-check script (SKILL.md §5 references it):
#   cp /tmp/agf-design-discipline-src/.claude/scripts/agf-design-precheck.sh ~/.claude/scripts/
#   usage: bash agf-design-precheck.sh <design-dir-or-file>   (advisory, exit 0)
# NOTE: SKILL.md links to project-internal files (docs/design/DESIGN.md token SSOT,
#   docs/adr/000 + 013, .claude/agents/uiux-designer.md) that only exist inside AGF.
#   The skill works standalone as design guidance but those cross-references will 404
#   outside the repo. No external CLI/API/MCP needed to apply the discipline itself.

Befehle & Beispiel-Prompts

/agf-design-disciplineAnti-AI-Schlamperei UI-Design-Disziplin: Design Read, drei Regler, AI-Tells Blacklist, Pre-Flight

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

Review this design spec against the AI Tells blacklist
Apply the aesthetic dials to this static prototype
Run the pre-flight check before building this UI

Vollständiger Testbericht (Englisch) →