From 5755fc49a6638a997d01f57f7a6a2bd29e2b1b14 Mon Sep 17 00:00:00 2001 From: bntvllnt Date: Thu, 18 Jun 2026 01:41:27 +0200 Subject: [PATCH] docs(skills): inject vllnt _shared contracts into vllnt-ui skill Add the @_shared injection block (Core values, Operating principles, Web quality) and route the consuming-app accessibility gate (axe + keyboard + Lighthouse a11y) to the `accessibility` skill. VLLNT UI ships accessible primitives; the gate that verifies apps keep them accessible lives in that skill (@_shared/web-quality.md). Part of the Lighthouse-enforcement sweep in vllnt/agent-skills. --- skills/vllnt-ui/SKILL.md | 9 +++++++++ 1 file changed, 9 insertions(+) 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