ui
Builds distinctive, production-grade UI: pages, components, visual polish against screenshots or first-impression complaints, typography, and DESIGN.md/design-token contracts including Tailwind export via the @google/design.md CLI. Use when users ask for UI work, design tokens, or complain a screen looks unclear, ugly, or inconsistent. Not for backend logic or runtime/behavior regressions (route to hunt); intentional design-reference comparisons stay here.
Pinned to revision bb6aec77f37e, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/ui/SKILL.md
- skills/ui/evals/cases/build-landing-page.yaml
- skills/ui/evals/cases/design-md-contract.yaml
- skills/ui/evals/eval.yaml
- skills/ui/references/a11y-debugging.md
- skills/ui/references/accessibility-checklist.md
- skills/ui/references/browser-devtools.md
- skills/ui/references/design-data-viz.md
- skills/ui/references/design-gesture-physics.md
- skills/ui/references/design-md-cli-reference.md
- skills/ui/references/design-md-cli.md
- skills/ui/references/design-md-format-spec.md
- skills/ui/references/design-native-motion.md
- skills/ui/references/design-reference.md
- skills/ui/references/frontend-engineering.md
- skills/ui/references/mode-direction-lock.md
- skills/ui/references/mode-generated-asset.md
- skills/ui/references/mode-quick-fix.md
- skills/ui/references/mode-screenshot-iteration.md
- skills/ui/references/ui-state-completeness.md
- skills/ui/references/visual-comparison.md
Every link opens the file at its source, pinned to the revision this page describes.