Gridgeist

Projektowanie natywnych dla produktu interfejsów użytkownika, które uciekają od generycznej estetyki AI SaaS

Testowano · Działa ★ 8.8/10

Co robi ten skill

Inteligencja projektowa do tworzenia, przeprojektowywania lub przeglądania interfejsów webowych ze strukturą specyficzną dla produktu, jasną hierarchią i dostępną interakcją. Uruchamia się na prace UI, które wymagają ulgi od generycznej estetyki SaaS generowanej przez AI w React, Next.js, Tailwind i HTML/CSS. Dostarcza odniesienie do języka projektowania i 9-sekcyjną listę kontrolną przeglądu obejmującą stany interakcji, responsywne szerokości i dostępność.

Raport z testu

Przejrzano celowo generyczny element hero (wyśrodkowany tekst, rozmyta plama gradientu, trzy identyczne karty z cieniem): jego lista kontrolna przeglądu ujawniła zlokalizowane, priorytetowe ustalenia, które linia bazowa pominęła – zamienne teksty SaaS, brak dominującego elementu wśród trzech równych kart, brak focus/contrast/alt i brak stanów pustych/błędów – plus tezę zastępczą. Odniesienie do języka projektowania wymusza tezę strukturalną+ekspresyjną+motywacyjną, zamiast importować estetykę domową. Brak skryptów, tylko markdown i zasoby, więc instaluje się w czystym HOME; 'ładność' projektu nie jest mierzona w pikselach, ale rygor przeglądu i pokrycie stanów/dostępności stanowią konkretną różnicę w stosunku do nieustrukturyzowanej krytyki.

Testowano: 2026-07-18 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/ohmiler/gridgeist
mkdir -p ~/.claude/skills
cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist

Komendy i przykładowe prompty

/gridgeistProjektowanie natywnych dla produktu interfejsów użytkownika, które uciekają od generycznej estetyki AI SaaS

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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.

Pełny raport →