Clone https://github.com/jsbzy/driftgrid.git, install it, and help me set up my first design project.
What happens next
Claude clones the repo, installs dependencies, and walks you through creating your first project — client name, canvas size, brand guidelines. Then it starts designing.
Works with Claude Code CLI, VS Code extension, or claude.ai/code
The Workflow
01
Agent writes
Point Claude Code (or any AI) at your project. It creates versioned HTML designs following the CLAUDE.md conventions.
02
You browse
Zoom, compare, navigate. Star your picks. The infinite canvas shows every iteration side-by-side.
03
Present
Press P to show starred versions fullscreen. Export as PDF, PNG, or static HTML.
04
Share
Generate a public review link. Clients browse and comment without accounts.
BYO Agent
Works with Claude Code, Cursor, Copilot, or any tool that writes HTML. DriftGrid organizes what they produce.
Local-first
Your files live on your machine. No lock-in, no forced cloud. Use git, use your filesystem, use your workflow.
Live HTML
Every frame is a real HTML page, not a screenshot. Interactive prototypes work out of the box.