What is gridgeist?

Gridgeist is an agent skill, a set of instructions an AI coding assistant can load, that helps it create, redesign, or review web interfaces so they look product-specific instead of generic AI-generated SaaS templates. It works with tools like Codex, Claude Code, Cursor, Gemini CLI, and GitHub Copilot. Rather than styling individual elements one at a time, it guides the AI to think about color, typography, layout, spacing, shape, components, states, and motion as one connected design system before touching any code. The README shows a before-and-after example: the same fictional logistics product page, once built with generic centered marketing copy and interchangeable metric cards, and once rebuilt using Gridgeist into a single connected operational view with a route map, live states, and a clear priority exception. The point is to reflect how a product actually works and what evidence it has, rather than applying a generic template look. The latest version treats visual decisions as one coherent system rather than a sequence of separate styling choices. It defines a shared visual contract up front, connects design tokens to their semantic meaning, gives related UI components a shared grammar of variants and states, offers multiple distinct design directions when the goal is still unclear rather than guessing, and checks its own work across different screen widths, focus states, themes, and reduced-motion settings. Installing it takes about 60 seconds. For Codex, you add a plugin marketplace and install the plugin. For Claude Code, Cursor, Gemini CLI, and other compatible agents, a universal installer command copies the skill into your agent's skills directory. A manual git clone and copy option exists as a fallback. Once installed, you start a new agent session and either describe the redesign or review you want in plain language, or invoke the skill directly with a $gridgeist command that includes the product, the audience, what must be preserved, and what must be verified.