CSS Design Tokens Skill

Purpose

This skill provides a comprehensive set of CSS design tokens (custom properties) to establish a consistent design foundation for web projects. Use this skill when the user requests a base token system or design tokens for their CSS.

When to Use This Skill

Use this skill when the user asks for:

• "Add design tokens to my project"
• "Set up CSS tokens"
• "Create a tokens file"
• "Add base CSS variables"
• Similar requests for foundational CSS custom properties

When NOT to Use This Skill