frontend-design-tokens
OfficialImprove CSS/SCSS consistency using design tokens in Sculptor.
Authorimbue-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps maintain consistency in CSS/SCSS styles by using design tokens, reducing the need for hardcoded values and improving maintainability.
Core Features & Use Cases
- Token Usage Guide: Provides a comprehensive guide on using built-in and custom design tokens.
- Token Lookup: Offers direct access to Radix UI and custom token sources.
- Style Rules: Defines best practices for using tokens in CSS/SCSS files.
- Use Case: For a developer, this Skill ensures that all components in an application adhere to the same design language, simplifying updates and reducing errors.
Quick Start
Use the frontend-design-tokens skill to review the usage of design tokens in your current CSS file.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: frontend-design-tokens Download link: https://github.com/imbue-ai/sculptor/archive/main.zip#frontend-design-tokens Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.