Agf Design Discipline

Disciplina de diseño de UI anti-desorden de IA: Design Read, tres diales, lista negra de AI-tells, pre-vuelo.

Probado · Funciona ★ 9.2/10

Qué hace

Una capa de juicio de diseño para producir UI de producto shadcn/ui + Tailwind: requiere una declaración de "Design Read" de una línea, establece diales de VARIANCE/MOTION/DENSITY, y aplica una lista negra de "AI tells" (degradados índigo/violeta, Inter, negro/blanco puro, tres tarjetas iguales, iconos emoji, nombres falsos, estados solo de camino feliz) con anulaciones por regla y un pre-vuelo mecánicamente verificable. Se activa al escribir una especificación de diseño o un prototipo HTML estático, construir UI a partir de un diseño, o juzgar si una interfaz parece generada por IA. Asume un proyecto estilo AGF con un archivo de token DESIGN.md y stack shadcn/Tailwind.

Informe de la prueba

Localicé SKILL.md en .claude/skills/agf-design-discipline/; el frontmatter se analiza con nombre+descripción. Verifiqué 3 archivos referenciados vía fetch crudo — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — todos HTTP 200; sin olores de seguridad (script bash consultivo, exit 0, sin red/exfiltración). Construí dos secciones de lista de usuarios HTML y ejecuté el pre-check de la propia skill: la línea base (mi predeterminado reflexivo) marcó 5 categorías (min-h-screen, font-family Inter, from-indigo/to-violet + degradado bg-purple, grid-cols-3 tarjetas iguales, iconos emoji); la versión que sigue la skill marcó 0 y además llevaba una línea de Design Read, diales VARIANCE/MOTION/DENSITY=4/2/high, colores referenciados por token, una lista densa divide-y en lugar de 3 tarjetas iguales, iconos lucide, y estados completos de carga/vacío/error en lugar de solo camino feliz.

Probado el: 2026-07-21 · Claude Code 2.x (agent harness)

Instalación

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.

Comandos y prompts de ejemplo

/agf-design-disciplineDisciplina de diseño de UI anti-desorden de IA: Design Read, tres diales, lista negra de AI-tells, pre-vuelo.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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

Informe completo →