Gridgeist
Design product-native web UIs that escape generic AI SaaS aesthetics
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 18, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Jul 18, 2026 · e0cbd38
Reviewed a deliberately generic hero (centered copy, gradient blur blob, three identical shadowed cards): its review-checklist surfaced located, prioritized findings a baseline pass missed - interchangeable SaaS copy, no dominant element among three equal cards, missing focus/contrast/alt and no empty/error states - plus a replacement thesis. The design-language reference forces a structural+expressive+motif thesis rather than importing a house aesthetic. No scripts, just markdown and assets, so it installs into a bare HOME cleanly; design 'prettiness' isn't pixel-measured, but the review rigor and state/accessibility coverage are a concrete delta over an unstructured critique.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 7/10
- Docs & honesty 5/5
What Gridgeist does
Design intelligence for creating, redesigning, or reviewing web interfaces with product-specific structure, clear hierarchy, and accessible interaction. Triggers on UI work that needs relief from generic AI-generated SaaS aesthetics across React, Next.js, Tailwind, and HTML/CSS. Provides a design-language reference and a 9-section review checklist covering interaction states, responsive widths, and accessibility.
How to install Gridgeist
git clone https://github.com/ohmiler/gridgeist
mkdir -p ~/.claude/skills
cd gridgeist && cp -r skills/gridgeist ~/.claude/skills/gridgeist
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Gridgeist
-
/gridgeistDesign product-native web UIs that escape generic AI SaaS aesthetics
It also activates on plain-language prompts like these:
-
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.
Frequently asked questions
- Is the Gridgeist skill free?
- Yes. The skill itself is free from ohmiler/gridgeist. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Gridgeist work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 18, 2026. Verdict: Tested · Works. Reviewed a deliberately generic hero (centered copy, gradient blur blob, three identical shadowed cards): its review-checklist surfaced located, prioritized findings a baseline pass missed - interchangeable SaaS copy, no dominant element among three equal cards, missing focus/contrast/alt and no empty/error states - plus a replacement thesis. The design-language reference forces a structural+expressive+motif thesis rather than importing a house aesthetic. No scripts, just markdown and assets, so it installs into a bare HOME cleanly; design 'prettiness' isn't pixel-measured, but the review rigor and state/accessibility coverage are a concrete delta over an unstructured critique.
- What is the Gridgeist SkillProof Score?
- 8.8/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 7/10, docs & honesty 5/5.
- How do I install Gridgeist?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Gridgeist with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.