Gridgeist
Navrhujte webová uživatelská rozhraní specifická pro produkt, která unikají generické estetice AI SaaS
Otestováno · Funguje
Co umí
Designová inteligence pro vytváření, redesign nebo revizi webových rozhraní se strukturou specifickou pro produkt, jasnou hierarchií a přístupnou interakcí. Spouští se u UI práce, která potřebuje úlevu od generické estetiky AI-generovaného SaaS napříč React, Next.js, Tailwind a HTML/CSS. Poskytuje referenci designového jazyka a 9sekční kontrolní seznam pokrývající stavy interakce, responzivní šířky a přístupnost.
Testovací report
Zkontroloval jsem záměrně generického hrdinu (vycentrovaný text, gradientní rozmazaný blob, tři identické stínované karty): jeho kontrolní seznam odhalil lokalizované, prioritizované nálezy, které základní linie přehlédla – zaměnitelný SaaS text, žádný dominantní prvek mezi třemi stejnými kartami, chybějící focus/contrast/alt a žádné prázdné/chybové stavy – plus náhradní tezi. Reference designového jazyka vynucuje strukturální+expresivní+motivovou tezi namísto importu domácí estetiky. Žádné skripty, pouze markdown a assety, takže se čistě instaluje do prázdného HOME; designová 'krása' není měřena pixely, ale přísnost revize a pokrytí stavů/přístupnosti jsou konkrétním rozdílem oproti nestrukturované kritice.
Testováno: 2026-07-18 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/ohmiler/gridgeist mkdir -p ~/.claude/skills cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist
Příkazy a ukázkové prompty
/gridgeistNavrhujte webová uživatelská rozhraní specifická pro produkt, která unikají generické estetice AI SaaS
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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.