Skills
.Work. You
Rest

check-design-system

Community

Ensure UI design-system compliance quickly.

Design & Creative#typography#lint#design-system#token-usage#ui-qa#color-violations
Authorqdhenry
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designed to audit recent changes or user-specified files for adherence to the design system, catching token usage, component class adherence, typography consistency, dark mode patterns, and color violations.

Core Features & Use Cases

  • Audits recent changes or user-specified UI files for design-system conformance.
  • Reports on token usage, component-class adherence, typography consistency, dark-mode patterns, and color violations.
  • Use Case: When reviewing UI work, run checks to surface violations before merging.

Quick Start

Run the check-design-system skill on recently changed or specified UI files to surface design-token usage, component-class adherence, typography consistency, and color violations.

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: check-design-system
Download link: https://github.com/qdhenry/Foundry-OSS/archive/main.zip#check-design-system

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 471,000+ vetted skills library on demand.