home/categories/frontend/ruchernchong-blog-claude-skills-design-language-system-skill-md
frontenddevelopment

design-language-system

Maintains visual consistency across portfolio UI components. Use when creating or modifying components, styling pages, or ensuring design consistency. Includes coral colour tokens (OKLCH), typography scale, spacing rules, animations, and component patterns.

ruchernchong
maintainer
ruchernchong
Updated 1/8/2026
Stars
8
Forks
2
quick start

Installation and usage

Maintains visual consistency across portfolio UI components. Use when creating or modifying components, styling pages, or ensuring design consistency. Includes coral colour tokens (OKLCH), typography scale, spacing rules, animations, and component patterns.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use design-language-system