How to

Working with AI

The whole class is a conversation with Claude. Here's how to get great results — whether you're designing in claude.ai or building in Claude Code.

Two tools, two jobs

💬

claude.ai (Day 1)

Chat in your browser. You design here — Claude builds a live preview (an Artifact) you keep refining by talking.

⌨️

Claude Code (Day 2)

Claude working in RemADE's terminal on your real project — porting your design to Astro, saving to GitHub, and publishing.

How to prompt well

🎯

Start general, then get specific

Begin with a broad ask and see what Claude comes up with. Then react to what you see and add detail: "make the hero friendlier," "give it one clear call-to-action button."

1️⃣

One change at a time

Small steps are easier to judge and undo. Change the header, look, then change the next thing.

📸

Show, don't tell

Paste a screenshot and point at the problem. AI is much better when it can see what you see.

🔀

Ask for options

"Give me three different layouts for this section." Pick the one you like, then refine it.

🧐

Ask for a critique

"Review this against the 5 design principles and suggest improvements." Let AI find what you missed.

🧵

Keep the thread

Stay in the same conversation so Claude remembers your site and your choices.

Prompts to steal

Copy one, tweak it for your site, and go.

Build me a clean one-page website for a freelance photographer. Include a hero, a gallery, an about section, and a contact section. Modern, lots of whitespace, a calm color palette.

Here's a screenshot of my page. The headline doesn't stand out enough and the button is hard to see. Improve the visual hierarchy.

Review this page against the five design principles — hierarchy, contrast, alignment & spacing, consistency, simplicity — and suggest three specific improvements.

Suggest a font pairing and a small color palette for a warm, trustworthy small-business site.

Make this fully responsive and show me how it looks on a phone. Make sure nothing is cut off and the tap targets are big enough.

Rewrite this section's copy to be shorter, clearer, and friendlier — keep my meaning.