Preline Theme Generator

Generuje kompletní světlé/tmavé soubory motivů Preline CSS z odstínu nebo hex barvy značky přes vestavěný lokální Node skript.

od htmlstreamofficial · htmlstreamofficial/preline

Otestováno · Funguje ★ 9.6/10

Preline Theme Generator — Generuje kompletní světlé/tmavé soubory motivů Preline CSS z odstínu nebo hex barvy značky přes vestavěný lokální Node skript.

Co umí

Obaluje samostatný, síťově nezávislý Node.js generátor, který promění barvu značky nebo odstín na kompletní motiv designových tokenů Preline (škála barev OKLCH, škála šedé, sémantické tokeny surface/border/chart/map, varianty pro světlý i tmavý režim). Spouští se na požadavky vytvořit, zobrazit náhled, sladit nebo ověřit motiv Preline, a výslovně vylučuje obecnou práci s CSS mimo Preline nebo spouštění libovolných příkazů.

Testovací report

Spustil skutečný vestavěný skript bez jakéhokoli nastavování a bez síťových volání, výsledkem byl 682řádkový CSS soubor s kompletní škálou OKLCH a tokeny grafů pro tmavý režim, oproti ručně napsanému listu s 16 vlastnostmi a bez nich.

Testováno: 2026-07-10 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

/preline-theme-generatorGeneruje kompletní světlé/tmavé soubory motivů Preline CSS z odstínu nebo hex barvy značky přes vestavěný lokální Node skript.

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 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

Kompletní testovací report (anglicky) →