Загрузка видео...

Не удалось загрузить видео

На главную

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
MrMulder7 месяцев назад

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
Strakyo7 месяцев назад

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.

Похожие видео