Agf Design Discipline

Dyscyplina projektowania UI przeciwko „AI-slop”: Design Read, trzy pokrętła, czarna lista „AI-tells”, pre-flight

Autor: pcliangx · pcliangx/AppGenesisForge

Testowano · Działa ★ 9.2/10

Agf Design Discipline — Dyscyplina projektowania UI przeciwko „AI-slop”: Design Read, trzy pokrętła, czarna lista „AI-tells”, pre-flight

Co robi ten skill

Warstwa oceny projektu do tworzenia UI produktów shadcn/ui + Tailwind: wymaga jednolinijkowej deklaracji „Design Read”, ustawia pokrętła VARIANCE/MOTION/DENSITY i egzekwuje czarną listę „AI tells” (gradienty indygo/fiolet, Inter, czysta czerń/biel, trzy równe karty, ikony emoji, fałszywe nazwy, stany tylko dla ścieżki szczęśliwej) z nadpisaniami dla poszczególnych reguł i mechanicznie sprawdzalnym pre-flightem. Uruchamia się podczas pisania specyfikacji projektu lub statycznego prototypu HTML, budowania UI z projektu lub oceny, czy interfejs wygląda na wygenerowany przez AI. Zakłada projekt w stylu AGF z plikiem tokenów DESIGN.md i stosem shadcn/Tailwind.

Raport z testu

Zlokalizowano SKILL.md w .claude/skills/agf-design-discipline/; frontmatter jest parsowany z name+description. Sprawdzono 3 odwołane pliki za pomocą surowego pobierania — agf-design-precheck.sh, docs/adr/013-design-discipline-layer.md, docs/design/DESIGN.md — wszystkie HTTP 200; brak zagrożeń bezpieczeństwa (skrypt bash doradczy, exit 0, brak sieci/exfil). Zbudowano dwie sekcje listy użytkowników HTML i uruchomiono własne sprawdzenie wstępne umiejętności: wersja bazowa (mój odruchowy domyślny) oznaczyła 5 kategorii (min-h-screen, font-family Inter, from-indigo/to-violet + bg-purple gradient, grid-cols-3 równe karty, ikony emoji); wersja zgodna z umiejętnością oznaczyła 0 i dodatkowo zawierała linię Design Read, pokrętła VARIANCE/MOTION/DENSITY=4/2/high, kolory odwołujące się do tokenów, gęstą listę divide-y zamiast 3 równych kart, ikony lucide oraz pełne stany ładowania/puste/błędu zamiast tylko ścieżki szczęśliwej.

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

Instalacja

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.

Komendy i przykładowe prompty

/agf-design-disciplineDyscyplina projektowania UI przeciwko „AI-slop”: Design Read, trzy pokrętła, czarna lista „AI-tells”, pre-flight

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →