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ФоркиПоследний push репозитория

Об этом 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.

Почему мы его выбрали

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.