Gridgeist
Designa produkt-egna webb-UI:er som undviker generisk AI SaaS-estetik
Testad · Fungerar
Vad den gör
Designintelligens för att skapa, omdesigna eller granska webbgränssnitt med produktspecifik struktur, tydlig hierarki och tillgänglig interaktion. Utlöses vid UI-arbete som behöver avlastning från generisk AI-genererad SaaS-estetik över React, Next.js, Tailwind och HTML/CSS. Tillhandahåller en design-språkreferens och en 9-sektions granskningschecklista som täcker interaktionstillstånd, responsiva bredder och tillgänglighet.
Testrapport
Granskade en medvetet generisk hero (centrerad text, gradient suddig blob, tre identiska skuggade kort): dess granskningschecklista upptäckte lokaliserade, prioriterade fynd som en baslinjekörning missade – utbytbar SaaS-text, inget dominerande element bland tre lika kort, saknad fokus/kontrast/alt och inga tomma/felaktiga tillstånd – plus en ersättningstes. Design-språkreferensen tvingar fram en strukturell+uttrycksfull+motiv-tes snarare än att importera en husestetik. Inga skript, bara markdown och tillgångar, så den installeras rent i en tom HOME; design 'snygghet' mäts inte i pixlar, men granskningsnoggrannheten och täckningen av tillstånd/tillgänglighet är en konkret skillnad jämfört med en ostrukturerad kritik.
Testad: 2026-07-18 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/ohmiler/gridgeist mkdir -p ~/.claude/skills cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist
Kommandon och exempelprompter
/gridgeistDesigna produkt-egna webb-UI:er som undviker generisk AI SaaS-estetik
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
Redesign this landing hero so it doesn't look like generic AI slop.Review this React component's UI for hierarchy and accessibility issues.Redesign my dashboard's layout so the cards aren't all identical.