Design is changing.

We're using AI to write code, make prototypes, and ship real products.

But most designers are still only scratching the surface of what Claude can do.

So for the next 100 days, let's see what Claude can really do.

Every day, I'll share one practical workflow for designers.

From building interfaces and prototypes to animations, research, and shipping real products.

You can follow the entire challenge for free on Instagram.

Or get all 100 challenges delivered straight to your inbox for $9 one-time.

Every challenge includes:

One practical workflow, a step-by-step tutorial, and the exact prompts.

100 days. 100 Claude challenges.

FAQ

Sample

What one challenge looks like when it lands in your inbox.

Day 1/100 — Turn any screenshot into a working prototype

1

100 Days of Claude <hello@shai.hq>

9:00 PM
to me

Today's workflow: paste a screenshot into Claude and walk out with real, editable code — no Figma handoff needed.

Steps:

  1. Screenshot the UI you want to rebuild.
  2. Drop it into Claude with the prompt below.
  3. Ask for a working React + Tailwind version.
  4. Iterate on spacing, states, and motion.

Prompt:

“Rebuild this screenshot as a responsive React component using Tailwind. Match spacing, type scale, and colors exactly. Add hover and focus states.”

See you tomorrow,
Shai