Colour Palette Generator

jezweb/claude-skills

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

Contenu mis à jour:

Dans la collectionTanStack Start ↗
Voir sur GitHub
npx skills add jezweb/claude-skills --skill color-palette
1 114Étoiles110ForksDernier push du dépôt

À propos de ce Skill

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

Pourquoi ce choix

Summarized from the original jezweb/claude-skills SKILL.md by Jezweb; the original upstream instructions were used.

À quoi il sert

  • Use this workflow when the task matches the original Colour Palette Generator instructions.

Avant de l’utiliser

  • Read the original SKILL.md and referenced files in jezweb/claude-skills.

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.