Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 7 Monaten •via X (Twitter)

41 Kommentare

Profilbild von James McDonald
James McDonaldvor 7 Monaten

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

Profilbild von Steve Schoger
Steve Schogervor 7 Monaten

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

Profilbild von 𝒟𝑒𝓇𝑒𝓀
𝒟𝑒𝓇𝑒𝓀vor 7 Monaten

@jamesm How I imagine James’ phone…

Profilbild von Steve Schoger
Steve Schogervor 7 Monaten

@jamesm 😂

Profilbild von Teo Decu
Teo Decuvor 7 Monaten

now _that's_ Refactoring UI 😁

Profilbild von Justin Farrugia
Justin Farrugiavor 7 Monaten

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

Profilbild von Kevin
Kevinvor 7 Monaten

Amazing Steve! Looks very nice :)

Profilbild von James Pieper
James Piepervor 7 Monaten

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

Profilbild von Steve Schoger
Steve Schogervor 7 Monaten

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

Profilbild von alyssa 🌞
alyssa 🌞vor 7 Monaten

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?

Profilbild von Steve Schoger
Steve Schogervor 7 Monaten

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.

Profilbild von alyssa 🌞
alyssa 🌞vor 7 Monaten

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...

Profilbild von alyssa 🌞
alyssa 🌞vor 7 Monaten

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?

Profilbild von Twlvone
Twlvonevor 7 Monaten

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.

Profilbild von Omer Erdogan
Omer Erdoganvor 7 Monaten

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

Profilbild von Dino
Dinovor 7 Monaten

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

Profilbild von Davey Heuser
Davey Heuservor 7 Monaten

This looks unreal!

Profilbild von Sam
Samvor 7 Monaten

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!

Profilbild von Andrew Michael
Andrew Michaelvor 7 Monaten

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

Profilbild von Robert Hu 🦉
Robert Hu 🦉vor 7 Monaten

Designers who code just became the most dangerous hire

Profilbild von Gabagool 22 Trading Bot
Gabagool 22 Trading Botvor 7 Monaten

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

Profilbild von Syady
Syadyvor 7 Monaten

Beauty! what are your thoughts on codex for design?

Profilbild von Dmitrii Malakhov
Dmitrii Malakhovvor 7 Monaten

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.

Profilbild von Luke Netti
Luke Nettivor 7 Monaten

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

Profilbild von mathias coudert
mathias coudertvor 7 Monaten

How many tokens did you burn?

Profilbild von sharan ⚡️
sharan ⚡️vor 7 Monaten

yo was this recorded with screen studio?

Profilbild von MrMulder
MrMuldervor 6 Monaten

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

Profilbild von Jeremy Cameron
Jeremy Cameronvor 7 Monaten

This is just shadcn mostly?

Profilbild von Raji 🦧 • Designer
Raji 🦧 • Designervor 7 Monaten

Love it

Profilbild von 插座
插座vor 7 Monaten

Please what package did you use for the date picker?

Profilbild von cole benefield
cole benefieldvor 7 Monaten

i want that date picker!

Profilbild von Strakyo
Strakyovor 6 Monaten

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

Profilbild von Rich Klein
Rich Kleinvor 7 Monaten

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

Profilbild von Curtis Renkiewicz 🏳️‍🌈 🎮 🦄
Curtis Renkiewicz 🏳️‍🌈 🎮 🦄vor 6 Monaten

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

Profilbild von half_cto
half_ctovor 7 Monaten

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

Profilbild von Adel Ljaljic
Adel Ljaljicvor 7 Monaten

@adamwathan looks really cleab

Profilbild von Udhaya
Udhayavor 7 Monaten

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 ?

Profilbild von Georg S. Kuklick
Georg S. Kuklickvor 7 Monaten

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

Profilbild von Royal Parvej
Royal Parvejvor 7 Monaten

Nice layout and font.

Profilbild von Tao
Taovor 7 Monaten

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

Profilbild von Hafiz - Webflow Designer & Developer
Hafiz - Webflow Designer & Developervor 7 Monaten

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

Ähnliche Videos