Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions skills/vllnt-ui/SKILL.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down
Loading