SkillProof tested Claude skills

Algorithmic Colour Palette

Utleder hover/aktiv/tint/grå/semantiske tokens fra én merkehex via faste HSL-formler.

av dembrandt · dembrandt/dembrandt-skills

Bestått ★ 9.6/10

Algorithmic Colour Palette — Utleder hover/aktiv/tint/grå/semantiske tokens fra én merkehex via faste HSL-formler.

Hva den gjør

Utvider én eller to merkefarger til et fullt UI-fargesystem ved hjelp av eksplisitte HSL-justeringsformler: mørkere/lysere interaktive tilstander, gråtoner med desaturert merkehue i stedet for generiske nøytrale, og semantiske statusfarger justert til merkets metning og lyshet. Utløses ved bygging eller utvidelse av et fargesystem, valg av hover/aktive nyanser, eller generering av tokens for CSS/Tailwind/designsystemfiler.

Testrapport

Kjørte den faktiske HSL-matematikken på merkefarge #2D6A4F (H153/S40/L30) i praksis: ferdighetsutdata produserte gråtoner som er synlig grønn-tintede (#161d1a, #45544d, #f4f5f5) og semantiske farger låst til merkets egen 40% metning, i motsetning til den u-veiledede baselinens standard Tailwind-gråtoner og standard rød/gul/grønn som ikke deler noen hue- eller intensitetsforhold med merket i det hele tatt.

Testet på: 2026-07-14 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /algorithmic-color-paletteUtleder hover/aktiv/tint/grå/semantiske tokens fra én merkehex via faste HSL-formler.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • Generate a full color palette from our brand hex #2D6A4F
  • I need hover and active state colors for our primary button
  • Create brand-tinted grey tokens for our Tailwind config

Full rapport →