Gridgeist
Design produkt-native web-UI-er som unnslipper generisk AI SaaS-estetikk
Bestått
Hva den gjør
Designintelligens for å skape, redesigne eller gjennomgå webgrensesnitt med produktspesifikk struktur, klar hierarki og tilgjengelig interaksjon. Utløses på UI-arbeid som trenger avlastning fra generisk AI-generert SaaS-estetikk på tvers av React, Next.js, Tailwind og HTML/CSS. Gir en designspråkreferanse og en 9-seksjons gjennomgangssjekkliste som dekker interaksjonstilstander, responsive bredder og tilgjengelighet.
Testrapport
Gjennomgikk en bevisst generisk helt (sentrert tekst, gradient uskarphetsblob, tre identiske skyggelagte kort): dens gjennomgangssjekkliste avdekket lokaliserte, prioriterte funn en baseline-passering overså – utskiftbar SaaS-tekst, ingen dominerende element blant tre like kort, manglende fokus/kontrast/alt og ingen tomme/feiltilstander – pluss en erstatningstese. Designspråkreferansen tvinger frem en strukturell+ekspressiv+motiv-tese snarere enn å importere en husestetikk. Ingen skript, bare markdown og ressurser, så den installeres rent i en bar HOME; design 'penhet' er ikke pikselmålt, men gjennomgangsrigor og tilstands-/tilgjengelighetsdekning er en konkret delta over en ustrukturert kritikk.
Testet på: 2026-07-18 · Claude Code 2.x (agent harness)
Installer
git clone https://github.com/ohmiler/gridgeist mkdir -p ~/.claude/skills cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist
Kommandoer og eksempelprompter
/gridgeistDesign produkt-native web-UI-er som unnslipper generisk AI SaaS-estetikk
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
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.