Grid
Align meaning, not just boxes. Break structure only to create deliberate emphasis.
Agent skill / Web interface direction
STRUCTUREWITH SPIRIT.
01 / The premise
Decoration is not a system.
Gridgeist makes grid, type, spacing, borders, and real product evidence do the visual work. Every choice earns its place.
02 / Diagnostic
Move the idea,
not the furniture.
NEW LEARNING EXPERIENCE
Master design.
Unlock your potential.
Everything you need to level up your skills and achieve more.
03 / Operating modes
One system.
Three ways in.
- 01↗
Create
Turn content hierarchy and product intent into a complete responsive interface.
- 02↗
Redesign
Preserve behavior and brand while replacing weak patterns with a coherent direction.
- 03↗
Review
Diagnose clarity, hierarchy, type, responsiveness, accessibility, and implementation.
04 / System rules
Restraint creates
recognition.
Not a preset. A way to make decisions under pressure.
Type
Define roles. Use weight and spacing before inventing more sizes.
Evidence
Let real code, data, lessons, states, and workflows carry visual weight.
Response
Recompose small screens around priority. Never shrink desktop and call it done.
05 / Evaluation
08
Behavioral scenarios,
not vibes alone.
Create, redesign, review, responsive behavior, accessibility, conflicting direction, product evidence, and negative triggering.
Read the evaluation suite ↗06 / Field proof
One brief.
Two systems.
Tracefield preserves the baseline, exact prompt, final interface, verification record, and limits of Gridgeist's first flagship experiment.
Read the case study ↗BASELINE10→28FINAL
07 / Install
Give your agent
a stronger eye.
git clone https://github.com/ohmiler/gridgeist.git
View on GitHub
MIT licensed
Built for agentic workflows