Menu
Use this skill when editing styles, spacing, typography, layout, or component appearance.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use this skill when adding, changing, or reviewing UI for keyboard, screen reader, semantic, motion, and contrast accessibility.
Use this skill for every implementation task to keep changes small, safe, and scoped.
Use this skill when editing Astro pages, layouts, components, and static output.
Use this skill when analyzing or refactoring code for readability, simplicity, and maintainability.
Use this skill when implementing or modifying static site search with Pagefind.
Use this skill when adding dependencies, scripts, images, embeds, search, analytics, or interactive UI.
| name | design-system-css |
| title | Design System CSS |
| description | Use this skill when editing styles, spacing, typography, layout, or component appearance. |
| category | design |
| applies_to | ["CSS","design tokens","layout","typography","responsive design"] |
| triggers | ["CSS","style","spacing","typography","layout","component","theme"] |
| priority | medium |
| version | 1 |
Use this skill when editing styles, spacing, typography, layout, or component appearance.
