正在加载视频...

视频加载失败

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 次观看 • 7 个月前 •via X (Twitter)

41 条评论

James McDonald 的头像
James McDonald7 个月前

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

Steve Schoger 的头像
Steve Schoger7 个月前

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

𝒟𝑒𝓇𝑒𝓀 的头像
𝒟𝑒𝓇𝑒𝓀7 个月前

@jamesm How I imagine James’ phone…

Steve Schoger 的头像
Steve Schoger7 个月前

@jamesm 😂

Teo Decu 的头像
Teo Decu7 个月前

now _that's_ Refactoring UI 😁

Justin Farrugia 的头像
Justin Farrugia7 个月前

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

Kevin 的头像
Kevin7 个月前

Amazing Steve! Looks very nice :)

James Pieper 的头像
James Pieper7 个月前

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

Steve Schoger 的头像
Steve Schoger7 个月前

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

alyssa 🌞 的头像
alyssa 🌞7 个月前

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 的头像
Steve Schoger7 个月前

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 🌞 的头像
alyssa 🌞7 个月前

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 🌞 的头像
alyssa 🌞7 个月前

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 的头像
Twlvone7 个月前

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 的头像
Omer Erdogan7 个月前

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 的头像
Dino7 个月前

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 的头像
Davey Heuser7 个月前

This looks unreal!

Sam 的头像
Sam7 个月前

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 的头像
Andrew Michael7 个月前

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

Robert Hu 🦉 的头像
Robert Hu 🦉7 个月前

Designers who code just became the most dangerous hire

Gabagool 22 Trading Bot 的头像
Gabagool 22 Trading Bot7 个月前

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

Syady 的头像
Syady7 个月前

Beauty! what are your thoughts on codex for design?

Dmitrii Malakhov 的头像
Dmitrii Malakhov7 个月前

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 的头像
Luke Netti7 个月前

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

mathias coudert 的头像
mathias coudert7 个月前

How many tokens did you burn?

sharan ⚡️ 的头像
sharan ⚡️7 个月前

yo was this recorded with screen studio?

MrMulder 的头像
MrMulder6 个月前

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

Jeremy Cameron 的头像
Jeremy Cameron7 个月前

This is just shadcn mostly?

Raji 🦧 • Designer 的头像
Raji 🦧 • Designer7 个月前

Love it

插座 的头像
插座7 个月前

Please what package did you use for the date picker?

cole benefield 的头像
cole benefield7 个月前

i want that date picker!

Strakyo 的头像
Strakyo6 个月前

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

Rich Klein 的头像
Rich Klein7 个月前

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

Curtis Renkiewicz 🏳️‍🌈 🎮 🦄 的头像
Curtis Renkiewicz 🏳️‍🌈 🎮 🦄6 个月前

I want to see a video on how you got this so nice with claude code only 👀

half_cto 的头像
half_cto7 个月前

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

Adel Ljaljic 的头像
Adel Ljaljic7 个月前

@adamwathan looks really cleab

Udhaya 的头像
Udhaya7 个月前

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 的头像
Georg S. Kuklick7 个月前

But where was design needed for this example. It’s all standard ui elements.

Royal Parvej 的头像
Royal Parvej7 个月前

Nice layout and font.

Tao 的头像
Tao7 个月前

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

Hafiz - Webflow Designer & Developer 的头像
Hafiz - Webflow Designer & Developer7 个月前

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

相关视频