Gridgeist
Design produkt-native web-UI'er, der undgår generisk AI SaaS-æstetik
Testet · Virker
Hvad det gør
Design-intelligens til at skabe, redesigne eller gennemgå web-grænseflader med produktspecifik struktur, klar hierarki og tilgængelig interaktion. Udløses ved UI-arbejde, der kræver lindring fra generisk AI-genereret SaaS-æstetik på tværs af React, Next.js, Tailwind og HTML/CSS. Giver en design-sprog reference og en 9-sektions gennemgangstjekliste, der dækker interaktionstilstande, responsive bredder og tilgængelighed.
Testrapport
Gennemgik en bevidst generisk hero (centreret tekst, gradient sløret blob, tre identiske skyggefulde kort): dens gennemgangs-tjekliste afslørede lokaliserede, prioriterede fund, som en baseline-gennemgang missede - udskiftelig SaaS-tekst, intet dominerende element blandt tre lige kort, manglende fokus/kontrast/alt og ingen tomme/fejltilstande - plus en erstatningstese. Design-sprogreferencen tvinger en strukturel+ekspressiv+motiv-tese snarere end at importere en husæstetik. Ingen scripts, kun markdown og aktiver, så den installeres rent i en bar HOME; design 'skønhed' er ikke pixel-målt, men gennemgangens stringens og dækning af tilstand/tilgængelighed er en konkret delta over en ustruktureret kritik.
Testet: 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
Kommandoer og eksempelprompter
/gridgeistDesign produkt-native web-UI'er, der undgår generisk AI SaaS-æstetik
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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.