Preline Theme Generator
Generuje pełne pliki motywów CSS Preline w jasnym/ciemnym trybie z odcienia lub hexa marki przez dołączony lokalny skrypt Node.
Testowano · Działa
Co robi ten skill
Opakowuje samodzielny, działający bez sieci generator Node.js, który zamienia kolor marki albo odcień w kompletny motyw tokenów projektowych Preline (skala kolorów OKLCH, skala szarości, semantyczne tokeny powierzchni/obramowań/wykresów/map, warianty jasny+ciemny). Uruchamia się przy prośbach o stworzenie, podgląd, dopasowanie albo walidację motywu Preline, i wyraźnie wyklucza generyczną pracę z CSS niezwiązaną z Preline oraz dowolne wykonywanie poleceń.
Raport z testu
Uruchomił rzeczywisty dołączony skrypt bez żadnej konfiguracji i bez wywołań sieciowych, produkując 682-liniowy plik CSS z pełną skalą OKLCH i tokenami wykresów w trybie ciemnym, w porównaniu do ręcznie napisanego arkusza z 16 właściwościami i bez tego wszystkiego.
Testowano: 2026-07-10 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/htmlstreamofficial/preline cd preline mkdir -p ~/.claude/skills cp -r skills/theme-generator ~/.claude/skills/preline-theme-generator
Komendy i przykładowe prompty
/preline-theme-generatorGeneruje pełne pliki motywów CSS Preline w jasnym/ciemnym trybie z odcienia lub hexa marki przez dołączony lokalny skrypt Node.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
Generate a light and dark Preline theme from this brand hex colorCreate an OKLCH color scale Preline theme matching our huePreview and validate this Preline design-token theme