Gridgeist
Concevoir des interfaces utilisateur web natives du produit qui échappent à l'esthétique générique des SaaS IA
Testé · Fonctionne
Ce que fait
Intelligence de conception pour créer, redessiner ou réviser des interfaces web avec une structure spécifique au produit, une hiérarchie claire et une interaction accessible. Se déclenche sur les travaux d'interface utilisateur qui nécessitent un soulagement de l'esthétique SaaS générique générée par l'IA à travers React, Next.js, Tailwind et HTML/CSS. Fournit une référence de langage de conception et une checklist de révision en 9 sections couvrant les états d'interaction, les largeurs responsives et l'accessibilité.
Rapport de test
J'ai examiné un héros délibérément générique (texte centré, blob de flou dégradé, trois cartes ombrées identiques) : sa checklist de révision a mis en évidence des découvertes localisées et priorisées qu'une passe de base avait manquées - texte SaaS interchangeable, aucun élément dominant parmi trois cartes égales, manque de focus/contraste/alt et pas d'états vides/d'erreur - plus une thèse de remplacement. La référence du langage de conception impose une thèse structurelle+expressive+motif plutôt que d'importer une esthétique de maison. Pas de scripts, juste du markdown et des assets, donc il s'installe proprement dans un HOME vierge ; la 'beauté' du design n'est pas mesurée en pixels, mais la rigueur de la révision et la couverture des états/accessibilité sont un delta concret par rapport à une critique non structurée.
Testé le: 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
Commandes et exemples de prompts
/gridgeistConcevoir des interfaces utilisateur web natives du produit qui échappent à l'esthétique générique des SaaS IA
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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.