Preline Theme Generator

Genererer komplette lys-/mørke Preline CSS-temafiler fra en fargetone eller merke-hex via et medfølgende lokalt Node-skript.

av htmlstreamofficial · htmlstreamofficial/preline

Bestått ★ 9.6/10

Preline Theme Generator — Genererer komplette lys-/mørke Preline CSS-temafiler fra en fargetone eller merke-hex via et medfølgende lokalt Node-skript.

Hva den gjør

Pakker inn en selvstendig, nettverksfri Node.js-generator som gjør om en merkefarge eller fargetone til et komplett Preline-designtoken-tema (OKLCH-fargeskala, gråskala, semantiske overflate-/kant-/diagram-/kart-tokens, lys- og mørke-varianter). Utløses av forespørsler om å opprette, forhåndsvise, matche eller validere et Preline-tema, og ekskluderer eksplisitt generisk CSS-arbeid utenfor Preline eller vilkårlig kommandokjøring.

Testrapport

Kjørte selve det medfølgende skriptet uten noe oppsett og uten nettverkskall, og produserte en 682-linjers CSS-fil med en full OKLCH-skala og mørk-modus-diagramtokens, mot et 16-egenskapers håndskrevet ark uten noe av dette.

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

Installer

git clone https://github.com/htmlstreamofficial/preline
cd preline
mkdir -p ~/.claude/skills
cp -r skills/theme-generator ~/.claude/skills/preline-theme-generator

Kommandoer og eksempelprompter

/preline-theme-generatorGenererer komplette lys-/mørke Preline CSS-temafiler fra en fargetone eller merke-hex via et medfølgende lokalt Node-skript.

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

Generate a light and dark Preline theme from this brand hex color
Create an OKLCH color scale Preline theme matching our hue
Preview and validate this Preline design-token theme

Full rapport →