Preline Theme Generator

Genererer komplette lys/mørk Preline-CSS-temafiler ud fra en nuance eller brand-hexkode via et medfølgende lokalt Node-script.

Af htmlstreamofficial · htmlstreamofficial/preline

Testet · Virker ★ 9.6/10

Hvad det gør

Wrapper en selvstændig, netværksfri Node.js-generator, der laver en brandfarve eller nuance om til et komplet Preline-designtoken-tema (OKLCH-farveskala, gråskala, semantiske surface-/border-/chart-/map-tokens, lys+mørk-varianter). Trigges ved anmodninger om at oprette, forhåndsvise, matche eller validere et Preline-tema, og udelukker eksplicit generisk ikke-Preline-CSS-arbejde eller vilkårlig kommandokørsel.

Testrapport

Kørte det rigtige medfølgende script uden nogen opsætning og uden netværkskald, og producerede en 682-linjers CSS-fil med en fuld OKLCH-skala og mørk-tilstands-chart-tokens, mod et 16-egenskabers håndskrevet ark uden nogen af delene.

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

Installation

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ørk Preline-CSS-temafiler ud fra en nuance eller brand-hexkode via et medfølgende lokalt Node-script.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →