Algorithmic Colour Palette
Odvozuje tokeny pro hover/aktivní/tint/šedé/sémantické z jednoho brandového hex kódu pomocí pevných HSL vzorců.
Otestováno · Funguje
Co umí
Rozšiřuje jednu nebo dvě brandové barvy do plnohodnotného UI barevného systému pomocí explicitních vzorců HSL úprav: tmavší/světlejší interaktivní stavy, šedé odstíny s desaturovanou brandovou barvou místo generických neutrálních, a sémantické stavové barvy sladěné s brandovou saturací a světlostí. Spouští se při budování nebo rozšiřování barevného systému, výběru odstínů pro hover/aktivní stavy nebo generování tokenů pro CSS/Tailwind/design-system soubory.
Testovací report
Provedena skutečná HSL matematika na brandové barvě #2D6A4F (H153/S40/L30): výstup dovednosti vyprodukoval šedé odstíny, které jsou viditelně zelené (#161d1a, #45544d, #f4f5f5) a sémantické barvy uzamčené na vlastní 40% saturaci značky, oproti surovým Tailwind šedým odstínům a výchozím červeným/jantarovým/zeleným barvám baseline, které nemají žádný barevný ani intenzitní vztah se značkou.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/dembrandt/dembrandt-skills cd dembrandt-skills mkdir -p ~/.claude/skills cp -r skills/algorithmic-color-palette ~/.claude/skills/algorithmic-color-palette
Příkazy a ukázkové prompty
/algorithmic-color-paletteOdvozuje tokeny pro hover/aktivní/tint/šedé/sémantické z jednoho brandového hex kódu pomocí pevných HSL vzorců.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Generate a full color palette from our brand hex #2D6A4FI need hover and active state colors for our primary buttonCreate brand-tinted grey tokens for our Tailwind config