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

  1. Tokens only. Colors, spacing, radii, shadows, durations, font sizes, and z-indices come from tokens.
  2. Accessibility is mandatory. WCAG AA contrast, visible focus, and minimum touch target size are required.
  3. Motion follows the platform rule: approved web motion patterns on web, approved mobile motion patterns on mobile, always with reduced-motion handling.
  4. 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
Installs
2
GitHub Stars
1
First Seen
Jul 11, 2026
kernel-ui-design — ponti-studios/kernel