Gridgeist
Ontwerp product-native web-UI's die ontsnappen aan generieke AI SaaS-esthetiek
Getest · Werkt
Wat het doet
Ontwerpintelligentie voor het creëren, herontwerpen of beoordelen van webinterfaces met product-specifieke structuur, duidelijke hiërarchie en toegankelijke interactie. Activeert bij UI-werk dat verlichting nodig heeft van generieke AI-gegenereerde SaaS-esthetiek over React, Next.js, Tailwind en HTML/CSS. Biedt een ontwerptaalreferentie en een 9-delige reviewchecklist die interactiestaten, responsieve breedtes en toegankelijkheid omvat.
Testrapport
Een opzettelijk generieke hero beoordeeld (gecentreerde tekst, gradiënt blur blob, drie identieke schaduwkaarten): de review-checklist bracht gelokaliseerde, geprioriteerde bevindingen aan het licht die een baseline-pass miste - uitwisselbare SaaS-tekst, geen dominant element tussen drie gelijke kaarten, ontbrekende focus/contrast/alt en geen lege/foutstaten - plus een vervangende thesis. De ontwerptaalreferentie dwingt een structurele+expressieve+motief thesis af in plaats van een huisesthetiek te importeren. Geen scripts, alleen markdown en assets, dus het installeert schoon in een kale HOME; ontwerp 'mooiheid' wordt niet in pixels gemeten, maar de review-rigor en staat/toegankelijkheidsdekking zijn een concrete delta ten opzichte van een ongestructureerde kritiek.
Getest op: 2026-07-18 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/ohmiler/gridgeist mkdir -p ~/.claude/skills cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist
Commando's en voorbeeldprompts
/gridgeistOntwerp product-native web-UI's die ontsnappen aan generieke AI SaaS-esthetiek
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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.