Design System Reference
Dvacet frontend style guide s reálnými paletami, fonty a anti-slop pravidly.
Otestováno · Funguje
Co umí
Dodává dvacet detailních frontend style guide (Bento Grid, Glassmorphism, Swiss Minimal, Neobrutalism a další), každý s konkrétními CSS proměnnými paletami, párováním fontů a vzory rozvržení, plus sdílený kontrolní seznam anti-vzorů AI-slop. Spouští se při vytváření nebo stylování webového UI v pojmenované estetice nebo při snaze vyhnout se generickým AI-vypadajícím designům.
Testovací report
Přečetl jsem 451řádkový Bento Grid guide, který dodává: skutečné CSS proměnné ve stylu Apple, pojmenované párování fontů a konkrétní AI-slop blocklist (žádný výchozí Inter, žádný fialový gradient na bílé). Vytvoření hero sekce z něj překonalo základní linii bez dovedností v tokenové specifičnosti namísto generických výchozích hodnot Tailwind. Upozornění: inzerovaný 'VS-based style recommendation' tok žije v samostatném design-discovery agentovi, který instalace dovednosti NEKOPÍRUJE, takže samostatně je to silná knihovna referencí stylů spíše než plný řízený pracovní postup.
Testováno: 2026-07-20 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/wigtn/wigtn-plugins mkdir -p ~/.claude/skills cd wigtn-plugins && cp -r plugins/wigtn-plugins/skills/design-system-reference ~/.claude/skills/design-system-reference
Příkazy a ukázkové prompty
/design-system-referenceDvacet frontend style guide s reálnými paletami, fonty a anti-slop pravidly.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Style this landing page in a neobrutalist aesthetic with real palettesGive me a glassmorphism style guide with concrete CSS variablesThis UI looks generic and AI-made, help me avoid the slop patterns