mozaic-design-tokens
CommunityEffortless access to Mozaic Design System tokens for seamless UI styling.
AuthorMerzoukeMansouri
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of manually searching for and using Mozaic Design System tokens, enabling quick and consistent application of design elements in UI development.
Core Features & Use Cases
- Token Access: Easily access design tokens for colors, typography, spacing, shadows, borders, breakpoints, and grid systems.
- Multiple Formats: Retrieve tokens in JSON, SCSS, CSS, or JavaScript formats.
- Search Documentation: Find comprehensive styling guidance and best practices.
- Responsive Design: Work with responsive patterns and breakpoints.
- Consistent Styling: Ensure UI consistency across projects.
- Use Case: For a designer working on a project that requires Mozaic Design System tokens, this Skill streamlines the process by providing quick access to the necessary styles without the need for extensive manual research.
Quick Start
Use the mozaic-design-tokens skill to get the color tokens for the primary brand in SCSS format.
Dependency Matrix
Required Modules
bash
Components
scriptsreferencesassets
💻 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: mozaic-design-tokens Download link: https://github.com/MerzoukeMansouri/adeo-mozaic-mcp/archive/main.zip#mozaic-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.