Agf Design Discipline

Anti-AI-slop UI design disciplína: Design Read, tři ovladače, blacklist AI-tells, pre-flight

od pcliangx · pcliangx/AppGenesisForge

Otestováno · Funguje ★ 9.2/10

Agf Design Discipline — Anti-AI-slop UI design disciplína: Design Read, tři ovladače, blacklist AI-tells, pre-flight

Co umí

Vrstva pro posuzování designu pro tvorbu UI produktů shadcn/ui + Tailwind: vyžaduje jednořádkovou deklaraci „Design Read“, nastavuje ovladače VARIANCE/MOTION/DENSITY a vynucuje blacklist „AI tells“ (indigo/fialové přechody, Inter, čistá černá/bílá, tři stejné karty, emoji ikony, falešná jména, stavy pouze pro happy-path) s přepsáním pravidel a mechanicky ověřitelným pre-flightem. Spouští se při psaní designové specifikace nebo statického HTML prototypu, vytváření UI z designu nebo posuzování, zda rozhraní vypadá generované AI. Předpokládá projekt ve stylu AGF se souborem tokenů DESIGN.md a stackem shadcn/Tailwind.

Testovací report

Nalezen SKILL.md na .claude/skills/agf-design-discipline/; frontmatter se parsuje s name+description. Namátkově zkontrolovány 3 odkazované soubory přes raw fetch — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — všechny HTTP 200; žádné bezpečnostní rizika (poradní bash skript, exit 0, žádná síť/exfiltrace). Vytvořil jsem dvě HTML sekce seznamu uživatelů a spustil vlastní precheck skillu: základní verze (můj reflexivní výchozí) označila 5 kategorií (min-h-screen, font-family Inter, from-indigo/to-violet + bg-purple gradient, grid-cols-3 stejné karty, emoji ikony); verze podle skillu označila 0 a navíc obsahovala řádek Design Read, ovladače VARIANCE/MOTION/DENSITY=4/2/high, barvy odkazované tokeny, hustý seznam s divide-y namísto 3 stejných karet, lucide ikony a plné stavy načítání/prázdné/chybové namísto pouze happy-path.

Testováno: 2026-07-21 · Claude Code 2.x (agent harness)

Instalace

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.

Příkazy a ukázkové prompty

  • /agf-design-disciplineAnti-AI-slop UI design disciplína: Design Read, tři ovladače, blacklist AI-tells, pre-flight

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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