Agf Design Discipline

Anti-AI-slop UI-ontwerpdiscipline: Design Read, drie draaiknoppen, AI-tells blacklist, pre-flight

Door pcliangx · pcliangx/AppGenesisForge

Getest · Werkt ★ 9.2/10

Agf Design Discipline — Anti-AI-slop UI-ontwerpdiscipline: Design Read, drie draaiknoppen, AI-tells blacklist, pre-flight

Wat het doet

Een ontwerp-oordeellaag voor het produceren van shadcn/ui + Tailwind product UI: het vereist een éénregelige "Design Read" declaratie, stelt VARIANCE/MOTION/DENSITY draaiknoppen in, en handhaaft een "AI tells" blacklist (indigo/violet gradiënten, Inter, puur zwart/wit, drie gelijke kaarten, emoji-iconen, neppe namen, alleen-happy-path statussen) met per-regel overschrijvingen en een mechanisch controleerbare pre-flight. Activeert bij het schrijven van een ontwerpspecificatie of statisch HTML-prototype, het bouwen van UI vanuit een ontwerp, of het beoordelen of een interface er AI-gegenereerd uitziet. Gaat uit van een AGF-stijl project met een DESIGN.md tokenbestand en shadcn/Tailwind stack.

Testrapport

SKILL.md gevonden op .claude/skills/agf-design-discipline/; frontmatter parseert met name+description. Drie gerefereerde bestanden gecontroleerd via raw fetch — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — allemaal HTTP 200; geen beveiligingsrisico's (adviserend bash-script, exit 0, geen netwerk/exfil). Twee HTML gebruikerslijstsecties gebouwd en de eigen precheck van de skill uitgevoerd: de baseline (mijn reflexieve standaard) markeerde 5 categorieën (min-h-screen, font-family Inter, from-indigo/to-violet + bg-purple gradient, grid-cols-3 gelijke kaarten, emoji-iconen); de skill-volgende versie markeerde 0 en bevatte bovendien een Design Read-regel, VARIANCE/MOTION/DENSITY=4/2/high draaiknoppen, token-gerefereerde kleuren, een divide-y dichte lijst in plaats van 3 gelijke kaarten, lucide iconen, en volledige laad-/lege/foutstatussen in plaats van alleen happy-path.

Getest op: 2026-07-21 · Claude Code 2.x (agent harness)

Installatie

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.

Commando's en voorbeeldprompts

/agf-design-disciplineAnti-AI-slop UI-ontwerpdiscipline: Design Read, drie draaiknoppen, AI-tells blacklist, pre-flight

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →