Agf Design Discipline

Discipline de conception UI anti-AI-slop : Design Read, trois cadrans, liste noire des 'AI-tells', pré-vol

Testé · Fonctionne ★ 9.2/10

Ce que fait

Une couche de jugement de conception pour produire des UI de produit shadcn/ui + Tailwind : elle nécessite une déclaration "Design Read" d'une ligne, définit les cadrans VARIANCE/MOTION/DENSITY, et applique une liste noire des "AI tells" (dégradés indigo/violet, Inter, noir/blanc pur, trois cartes égales, icônes emoji, faux noms, états happy-path uniquement) avec des dérogations par règle et un pré-vol vérifiable mécaniquement. Se déclenche lors de la rédaction d'une spécification de conception ou d'un prototype HTML statique, de la construction d'une UI à partir d'une conception, ou du jugement de l'apparence générée par l'IA d'une interface. Suppose un projet de style AGF avec un fichier de jetons DESIGN.md et une pile shadcn/Tailwind.

Rapport de test

SKILL.md trouvé à .claude/skills/agf-design-discipline/ ; le frontmatter est parsé avec name+description. Vérifié 3 fichiers référencés via récupération brute — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — tous HTTP 200 ; aucune faille de sécurité (script bash consultatif, exit 0, pas de réseau/exfiltration). Construit deux sections de liste d'utilisateurs HTML et exécuté le pré-contrôle de la compétence : la référence (mon défaut réflexe) a signalé 5 catégories (min-h-screen, font-family Inter, from-indigo/to-violet + bg-purple gradient, grid-cols-3 equal cards, emoji icons) ; la version suivant la compétence n'a signalé aucune et a en plus inclus une ligne Design Read, les cadrans VARIANCE/MOTION/DENSITY=4/2/high, des couleurs référencées par jetons, une liste dense divide-y au lieu de 3 cartes égales, des icônes lucide, et des états de chargement/vide/erreur complets au lieu de seulement les happy-path.

Testé le: 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.

Commandes et exemples de prompts

/agf-design-disciplineDiscipline de conception UI anti-AI-slop : Design Read, trois cadrans, liste noire des 'AI-tells', pré-vol

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →