Agf Design Discipline

Anti-AI-slop UI design disciplin: Design Read, tre dials, AI-tells blacklist, pre-flight

Testet · Virker ★ 9.2/10

Hvad det gør

Et design-vurderingslag til produktion af shadcn/ui + Tailwind produkt-UI: det kræver en "Design Read" erklæring på én linje, sætter VARIANCE/MOTION/DENSITY dials, og håndhæver en "AI tells" blacklist (indigo/violette gradienter, Inter, ren sort/hvid, tre lige store kort, emoji-ikoner, falske navne, kun happy-path states) med per-regel overrides og en mekanisk-tjekbar pre-flight. Udløses ved skrivning af en designspecifikation eller statisk HTML-prototype, bygning af UI fra et design, eller vurdering af, om et interface ser AI-genereret ud. Forudsætter et AGF-stil projekt med en DESIGN.md token-fil og en shadcn/Tailwind stack.

Testrapport

Fandt SKILL.md i .claude/skills/agf-design-discipline/; frontmatter parser med navn+beskrivelse. Spot-tjekkede 3 refererede filer via rå hentning — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — alle HTTP 200; ingen sikkerhedsrisici (rådgivende bash-script, exit 0, ingen netværk/exfil). Byggede to HTML brugerliste-sektioner og kørte skill'ens egen precheck: baslinen (min refleksive standard) flaggede 5 kategorier (min-h-screen, font-family Inter, fra-indigo/til-violet + bg-purple gradient, grid-cols-3 lige store kort, emoji-ikoner); den skill-følgende version flaggede 0 og bar desuden en Design Read linje, VARIANCE/MOTION/DENSITY=4/2/high dials, token-refererede farver, en divide-y tæt liste i stedet for 3 lige store kort, lucide ikoner, og fulde loading/tomme/fejl states i stedet for kun happy-path.

Testet: 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.

Kommandoer og eksempelprompter

/agf-design-disciplineAnti-AI-slop UI design disciplin: Design Read, tre dials, AI-tells blacklist, pre-flight

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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

Læs hele rapporten →