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.

内容更新日:

所属コレクションTanStack Start ↗
GitHub で見る
npx skills add jezweb/claude-skills --skill color-palette
1,114スター110フォークリポジトリの最終プッシュ

このスキルについて

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.

おすすめする理由

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

役立つこと

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

使う前に

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

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。