diff --git a/skills/vllnt-ui/SKILL.md b/skills/vllnt-ui/SKILL.md index c063eb78..88af1c81 100644 --- a/skills/vllnt-ui/SKILL.md +++ b/skills/vllnt-ui/SKILL.md @@ -20,6 +20,10 @@ allowed-tools: # VLLNT UI — usage + design system +**Core values**: @_shared/vllnt-core-values.md +**Operating principles**: @_shared/vllnt-operating-principles.md +**Web quality**: @_shared/web-quality.md + `@vllnt/ui` (brand name **VLLNT UI**, always two words) is a React component library: 200+ accessible components built on **Radix UI** primitives, **Tailwind CSS**, and **CVA** (class-variance-authority). Shipped on public npm @@ -224,6 +228,11 @@ Keyboard-reachable interactions; visible focus ring (`--ring`, never bare state (`aria-live="polite"` toasts, `assertive` errors); color is never the only signal — pair with icon/text. +The **enforcement gate** for consuming apps — axe-core zero violations + a +keyboard-only pass + the Lighthouse a11y score — is owned by the `accessibility` +skill (`@_shared/web-quality.md` → Accessibility). VLLNT UI ships accessible +primitives; that skill verifies the app keeps them accessible in use. + ### Copy / voice Sentence case. Name the action on buttons. Errors state what happened + what to