Design System Reference
Twintig frontend stijlhandleidingen met echte paletten, lettertypen en anti-slop regels
Getest · Werkt
Wat het doet
Levert twintig gedetailleerde frontend stijlhandleidingen (Bento Grid, Glassmorphism, Swiss Minimal, Neobrutalism en meer), elk met concrete CSS variabele paletten, lettertypecombinaties en lay-outpatronen, plus een gedeelde AI-slop anti-patroon checklist. Activeert bij het bouwen of stylen van een web-UI in een benoemde esthetiek of bij het vermijden van generieke AI-uitziende ontwerpen.
Testrapport
Las de 451-regelige Bento Grid handleiding die het levert: echte Apple-stijl CSS variabelen, benoemde lettertypecombinaties, en een concrete AI-slop blocklist (geen standaard Inter, geen paars-gradiënt-op-wit). Het bouwen van een hero-sectie hiermee versloeg een no-skill baseline op token specificiteit in plaats van generieke Tailwind defaults. Let op: de geadverteerde 'VS-based style recommendation' flow leeft in een aparte design-discovery agent die de skill installatie NIET kopieert, dus op zichzelf is het een sterke stijlreferentiebibliotheek in plaats van de volledige begeleide workflow.
Getest op: 2026-07-20 · Claude Code 2.x (agent harness)
Installatie
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
Commando's en voorbeeldprompts
/design-system-referenceTwintig frontend stijlhandleidingen met echte paletten, lettertypen en anti-slop regels
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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