Instructions

When to Use

• Use to build or audit SkillCodex-style documentation UIs.
• Prefer skillcodex-browser-ui for the full four-route browser.
• Prefer accessibility-audit for WCAG scoring beyond design rules.

This skill merges doc UI implementation (formerly documentation-ui) and UI review (audit).

Canonical rules live in design-guidelines.md only. STRICT UI ONLY - no backend, API, DB, auth.

Motion: use shell + optional motion leaf from design-guidelines.md: Tier 0 div + CARD_HOVER everywhere by default; Tier 2 framer-motion only in a dedicated *Motion.tsx with 'use client'. Never mix motion.div and layout div in one file - split or drop Framer. Skeletons: always animate-pulse on div, never motion.

Mode A - Build / implement doc UI

Use when the user wants a premium documentation-style interface (like skills.sh structure: browse, search, detail, outcomes visible - but no fake install counts).