kernel-ui-design
Installation
SKILL.md
Enforce the digital UI design system. This skill exists to stop the LLM from hardcoding values, bypassing tokens, inventing motion, or violating accessibility and interaction standards.
Non-Negotiables
- Tokens only. Colors, spacing, radii, shadows, durations, font sizes, and z-indices come from tokens.
- Accessibility is mandatory. WCAG AA contrast, visible focus, and minimum touch target size are required.
- Motion follows the platform rule: approved web motion patterns on web, approved mobile motion patterns on mobile, always with reduced-motion handling.
- Read the relevant reference before writing UI code or reviewing UI output.
Routing
Load only the references needed for the task:
- Tokens, color, typography, spacing, grid →
references/foundations.md - Motion, timing, easing, sequences →
references/motion.md - Component specs and state matrices →
references/components.md - Responsive layout, interaction patterns, copy rules →
references/patterns.md - Chat UI patterns →
references/chat.md - Governance and review checklist →
references/standards.md