Prompting from Claude Code

You don’t have to use the grid UI to iterate. Talk to Claude directly — it reads your project structure and writes HTML.

How It Works

DriftGrid includes a CLAUDE.md file that teaches Claude the project conventions:

• Where designs live (projects/{client}/{project}/concept-N/vN.html)
• Canvas boilerplate rules (locked vs. scrollable)
• Version workflow (never overwrite, always drift)
• How to read brand guidelines
• How to reply to prompts

When you open Claude Code in the DriftGrid directory, Claude reads this automatically.

Example Prompts

Make concept 2 bolder with bigger type

Create a dark version of the Clean Minimal concept

Drift right with a split-layout approach using the brand green

Iterate on all 3 concepts with more whitespace and larger product images

Apply the client feedback — they want the CTA more prominent

What Claude Does

1. Reads the manifest to understand your project structure
2. Reads brand guidelines for colors, fonts, voice
3. Reads the existing HTML to understand the current design
4. Writes new HTML to the appropriate version file
5. Updates the manifest
6. If responding to a grid prompt, replies in the thread and clears the running status

Tips

• Be specific: “Make the headline 48px bold” is better than “make it bigger”
• Reference concepts by name: “In Dark Athletic, add a hero image”
• Provide reference material: URLs, screenshots, copy docs
• Let Claude read your brand guidelines first: it extracts colors and fonts automatically