What is DriftGrid
DriftGrid is a design iteration platform built for AI agents. It solves a simple problem: when your AI agent generates HTML designs, where do they go?
The Problem
You ask Claude to create a landing page. It writes HTML. You ask for a darker version. It writes another file. You ask for a mobile layout. Another file. Pretty soon you have v1.html, v2.html, v3-dark.html, v3-dark-mobile.html — scattered across your filesystem with no way to compare them side by side.
The Solution
DriftGrid organizes your designs on an infinite canvas grid:
- Columns are concepts — different design directions (e.g., “Clean Minimal”, “Dark Athletic”, “Mint Split”)
- Rows are versions — iterations within a direction (v1, v2, v3…)
- Drift up (D) to create a new version
- Drift right (Shift+D) to explore a new direction
Every frame is a real HTML page — not a screenshot. Interactive prototypes work out of the box.
Who is it for?
- Designers using AI agents — Claude Code, Cursor, Copilot, or any tool that writes HTML
- Design teams sharing work with clients — shareable links with anonymous commenting
- Solo practitioners — local-first, no cloud required, your files stay on your machine
How it works
- Agent writes — Point Claude Code at your project. It creates versioned HTML designs.
- You browse — Navigate the grid with arrow keys. Star your favorites.
- You prompt — Press C to leave a prompt on any frame. Your agent reads it and iterates.
- You share — Generate a link. Clients browse and comment without accounts.
Key Principles
- Local-first — your files live on your machine. No lock-in, no forced cloud.
- BYO Agent — DriftGrid never calls an AI API. It’s the canvas, not the brain.
- Live HTML — every frame is a real page, not a static image.
- Terminal-first —
driftgrid initin your terminal, not a web form.
Last updated on