Agf Design Discipline

Anti-AI-slarvig UI-designdisciplin: Designläsning, tre rattar, AI-sägelser svartlista, förkontroll

Testad · Fungerar ★ 9.2/10

Vad den gör

Ett designbedömningslager för att producera shadcn/ui + Tailwind produkt-UI: det kräver en endaste "Designläsning"-deklaration, ställer in VARIANCE/MOTION/DENSITY-rattar, och upprätthåller en "AI-sägelser"-svartlista (indigo/violetta gradienter, Inter, ren svart/vit, tre lika kort, emoji-ikoner, falska namn, endast lyckade scenarier) med per-regel-överstyrningar och en mekaniskt kontrollerbar förkontroll. Triggers vid skrivning av en designspecifikation eller statisk HTML-prototyp, byggande av UI från en design, eller bedömning av om ett gränssnitt ser AI-genererat ut. Antar ett AGF-liknande projekt med en DESIGN.md tokenfil och shadcn/Tailwind-stack.

Testrapport

Hittade SKILL.md på .claude/skills/agf-design-discipline/; frontmatter parsas med namn+beskrivning. Spot-kontrollerade 3 refererade filer via rå hämtning — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — alla HTTP 200; inga säkerhetslukter (rådgivande bash-skript, exit 0, ingen nätverk/exfil). Byggde två HTML användarlistsektioner och körde färdighetens egen förkontroll: baslinjen (min reflexmässiga standard) flaggade 5 kategorier (min-h-screen, font-family Inter, från-indigo/till-violet + bg-purple gradient, grid-cols-3 lika kort, emoji-ikoner); den färdighetsföljande versionen flaggade 0 och bar dessutom en Designläsning-rad, VARIANCE/MOTION/DENSITY=4/2/high-rattar, token-refererade färger, en divide-y tät lista istället för 3 lika kort, lucide-ikoner, och fullständiga laddnings-/tomma/fel-tillstånd istället för endast lyckade scenarier.

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

Kommandon och exempelprompter

/agf-design-disciplineAnti-AI-slarvig UI-designdisciplin: Designläsning, tre rattar, AI-sägelser svartlista, förkontroll

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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 hela rapporten →