Loading video...

Video Failed to Load

Go Home

Week 2 using only Claude Code to design. Don't think I can ever go back ๐Ÿ”ฅ Had a ton of fun making this dashboard.

166,097 views โ€ข 7 months ago โ€ขvia X (Twitter)

41 Comments

James McDonald's profile picture
James McDonald7 months ago

Would love to pick your brain sometime and see how you're jammin'!

Steve Schoger's profile picture
Steve Schoger7 months ago

Gimme a ring anytime dude. You know how to reach me.

๐’Ÿ๐‘’๐“‡๐‘’๐“€'s profile picture
๐’Ÿ๐‘’๐“‡๐‘’๐“€7 months ago

@jamesm How I imagine Jamesโ€™ phoneโ€ฆ

Steve Schoger's profile picture
Steve Schoger6 months ago

@jamesm ๐Ÿ˜‚

Teo Decu's profile picture
Teo Decu7 months ago

now _that's_ Refactoring UI ๐Ÿ˜

Justin Farrugia's profile picture
Justin Farrugia7 months ago

would love to learn about your workflow Iโ€™m assuming is a big help rn?

Kevin's profile picture
Kevin7 months ago

Amazing Steve! Looks very nice :)

James Pieper's profile picture
James Pieper7 months ago

Got any skills or things you can share with us? my personal favorite is @conductor_build

Steve Schoger's profile picture
Steve Schoger7 months ago

@conductor_build Working on some right now. Follow along here:

alyssa ๐ŸŒž's profile picture
alyssa ๐ŸŒž7 months ago

This looks great Steve! One thing I always struggle with when I skip a dedicated design tool and go straight to code is the early prototyping/ideation phase. Are you using it for that too?

Steve Schoger's profile picture
Steve Schoger7 months ago

So far I haven't needed to do anything like that. This particular design I made for an internal tool. We just used ChatGPT to help us figure out what we wanted to include on the dashboard and it gave us a prompt to use on Claude Code. We refined it a bit then I just started designing high-fidelity. FWIW the sidebar/search stuff is unnecessary for what we're using it for. Just added it to make the design look cooler ๐Ÿ˜… If I was designing a much deeper app I *might* jump into a tool to draw some sort of site map but I would go right to Claude for the prototyping phase.

alyssa ๐ŸŒž's profile picture
alyssa ๐ŸŒž7 months ago

That's very interesting. This week I started building a budgeting app, a lil' personal project I've been wanting to work on for quite some time to replace my current manual tracking in Airtable. I was over here maybe gonna pull out Figma for some early prototyping, but I...

alyssa ๐ŸŒž's profile picture
alyssa ๐ŸŒž7 months ago

already know what I want to include in the app, so to your point, maybe I'll try to use Claude code to see what it could help me generate design-wise. Do you find yourself looking much at the code when designing something like this in Claude Code?

Twlvone's profile picture
Twlvone7 months ago

this is the designer/dev gap collapsing in real time. the handoff was always the bottleneck. when the person with the taste is also the person shipping, the output quality jumps and the iteration loop shrinks to nothing.

Omer Erdogan's profile picture
Omer Erdogan7 months ago

Im curious how did you described this date period selection switcher. All shadows, radius, spacing, typo color etc. It still easier for me to design these components in figma and just give it to cluade instead of prompting

Dino's profile picture
Dino7 months ago

been using claude in cursor for my saas and honestly same. the speed of going from idea to working ui is wild compared to doing it manually what's your workflow like? i'm still figuring out the best prompts for design stuff

Davey Heuser's profile picture
Davey Heuser7 months ago

This looks unreal!

Sam's profile picture
Sam7 months ago

This looks extremely polished. Did you have Figma mcp connected or something like that, or did it come up with the style? Great work nevertheless!

Andrew Michael's profile picture
Andrew Michael7 months ago

@steveschoger itโ€™s next level, you should checkout if you want to take your experience to the next level.

Robert Hu ๐Ÿฆ‰'s profile picture
Robert Hu ๐Ÿฆ‰7 months ago

Designers who code just became the most dangerous hire

Gabagool 22 Trading Bot's profile picture
Gabagool 22 Trading Bot7 months ago

Claude's good, but real algo is better. Ever tried running a bot on Polymarket?

Syady's profile picture
Syady7 months ago

Beauty! what are your thoughts on codex for design?

Dmitrii Malakhov's profile picture
Dmitrii Malakhov7 months ago

week 2 is exactly when it stops feeling like cheating. what's wild about your use case is that you're using a code-first tool for design decisions. I've been doing the reverse, using design prompts to drive code architecture. the boundaries are blurring faster than expected.

Luke Netti's profile picture
Luke Netti7 months ago

Been playing with these tools and pretty impressed. Struggling to get designs exactly how I want them.

mathias coudert's profile picture
mathias coudert7 months ago

How many tokens did you burn?

sharan โšก๏ธ's profile picture
sharan โšก๏ธ7 months ago

yo was this recorded with screen studio?

MrMulder's profile picture
MrMulder6 months ago

All you ever see is generic dashboards on these examples, nothing ever focussed on solving user problems

Jeremy Cameron's profile picture
Jeremy Cameron7 months ago

This is just shadcn mostly?

Raji ๐Ÿฆง โ€ข Designer's profile picture
Raji ๐Ÿฆง โ€ข Designer7 months ago

Love it

ๆ’ๅบง's profile picture
ๆ’ๅบง6 months ago

Please what package did you use for the date picker?

cole benefield's profile picture
cole benefield7 months ago

i want that date picker!

Strakyo's profile picture
Strakyo6 months ago

Hot take, most people confuse polish with leverage. The winners ship faster and learn in public.

Rich Klein's profile picture
Rich Klein7 months ago

Nice! Have you tried the new Claude Code to Figma MCP?

Curtis Renkiewicz ๐Ÿณ๏ธโ€๐ŸŒˆ ๐ŸŽฎ ๐Ÿฆ„'s profile picture
Curtis Renkiewicz ๐Ÿณ๏ธโ€๐ŸŒˆ ๐ŸŽฎ ๐Ÿฆ„6 months ago

I want to see a video on how you got this so nice with claude code only ๐Ÿ‘€

half_cto's profile picture
half_cto7 months ago

Doesn't look like another shadcn dashboard at all. Where did you get inspiration? What is your process?

Adel Ljaljic's profile picture
Adel Ljaljic7 months ago

@adamwathan looks really cleab

Udhaya's profile picture
Udhaya7 months ago

Dude lets say the no of data points in stacked bar graph is going too much (lets say 30) what will you do ? for colours and visualisation ?

Georg S. Kuklick's profile picture
Georg S. Kuklick7 months ago

But where was design needed for this example. Itโ€™s all standard ui elements.

Royal Parvej's profile picture
Royal Parvej7 months ago

Nice layout and font.

Tao's profile picture
Tao7 months ago

Very slick. Did you use Opus 4.6 to make this?

Hafiz - Webflow Designer & Developer's profile picture
Hafiz - Webflow Designer & Developer7 months ago

Building dashboards with Claude code is fun and you get the instant feedback on what you did wrong.

Related Videos