Skills
.Work. You
Rest

runwhen-ui

Official

Enforce RunWhen UI standards across frontend.

Design & Creative#consistency#frontend#tokens#ui-design#mui#design-system#design-standards
Authorrunwhen-contrib
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI consistency across frontend work by enforcing RunWhen's MUI++ design system and token-based rules.

Core Features & Use Cases

  • Enforces stripe structure, lightness, typography, color usage, spacing, and borders using design tokens.
  • Guides consistency in pages, components, and styling during creation, update, or review for user-pages.
  • Supports PR reviews and refactors by checking adherence to RunWhen design guidelines.

Quick Start

Apply the RunWhen UI Design System tokens to your frontend components and validate typography, color, and spacing against the guidelines before submitting changes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: runwhen-ui
Download link: https://github.com/runwhen-contrib/codecollection-registry/archive/main.zip#runwhen-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.