agh-design

Installation
SKILL.md

Use this skill before making AGH visual decisions. AGH is dark-mode only, warm-dark, operator-first, and intentionally restrained.

Triggers

  • Generating UI artifacts: HTML mocks, slides, prototypes, screenshots, or production code.
  • Token, color, type, spacing, radius, icon, depth, or motion decisions.
  • Reviewing AI-generated UI for AGH brand and design-system alignment.

Authority

  1. packages/ui/src/tokens.css: canonical token source consumed by Tailwind v4.
  2. DESIGN.md: rationale, generated token tables, anti-patterns, and semantic component contracts.
  3. packages/ui/src/components/**/*.tsx: canonical production recipes.
  4. COPY.md: product voice, terms, and public claim rules.

Top-of-mind invariants

Installs
1
Repository
compozy/agh
GitHub Stars
139
First Seen
Jun 17, 2026
agh-design — compozy/agh