Skills
.Work. You
Rest

design-standards

Official

Apply production-grade design standards to UI.

Design & Creative#typography#accessibility#contrast#tokens#design-system#spacing#design-standards
Authorrampstackco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Inconsistent design across teams leads to fractured UI, accessibility gaps, and slower product velocity. This skill provides a standardized framework to apply tokens, spacing, typography, and contrast consistently across pages and components, speeding up design reviews and ensuring accessibility.

Core Features & Use Cases

  • Token-driven design: ensures tokens are defined and reused across components.
  • Accessibility and contrast checks: enforces WCAG AA standards on text, borders, and UI elements.
  • Design system alignment: documents tokens, radii, shadows, and breakpoints; supports pre-ship checks.

Quick Start

Review the current UI against tokens, spacing, and WCAG contrast and output a remediation plan.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: design-standards
Download link: https://github.com/rampstackco/claude-skills/archive/main.zip#design-standards

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.