Skills
.Work. You
Rest

design-system-palettes

Community

Effortlessly select and utilize mood-based palettes and token scales.

Design & Creative#color palettes#branding#design systems#color mapping#token scales
AuthorGit-Fg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of selecting and using color palettes and token scales, ensuring consistent design and branding across your projects.

Core Features & Use Cases

  • Palette Selection: Access a variety of mood-based color palettes.
  • Token Mapping: Map brand colors to a 25-1000 scale for consistent design.
  • Token System Integration: Integrate with Tailwind CSS or other frameworks.
  • Use Case: When creating a design system, this Skill helps in choosing the right color palette and mapping it to the token system for easy integration into development tools.

Quick Start

To select a palette, run the 'design-system-palettes' skill with the specific palette name or token system question.

Dependency Matrix

Required Modules

None required

Components

assets

💻 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: design-system-palettes
Download link: https://github.com/Git-Fg/taches-principled-light/archive/main.zip#design-system-palettes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.