Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

jamesm's profile picture

James McDonald

109,052 subscribers

35,290 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL
0:11

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL

James McDonald

20,725 görüntüleme • 5 ay önce

Spent last night playing around with a new idea for Wireframe Design Studio
0:14

Spent last night playing around with a new idea for Wireframe Design Studio

James McDonald

26,604 görüntüleme • 3 ay önce

Continuing the silliness in Claude Code. Keeping with the Wireframe Design Studio theme and added these cyan grid/content indicators that snap to the content.
0:12

Continuing the silliness in Claude Code. Keeping with the Wireframe Design Studio theme and added these cyan grid/content indicators that snap to the content.

James McDonald

17,023 görüntüleme • 5 ay önce

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."
0:12

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

Thariq

490,468 görüntüleme • 7 ay önce

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.
0:13

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Felix Lee

43,484 görüntüleme • 3 ay önce

Cooking a new release of claude-code-templates 👨‍🍳 New Claude Code Web UI to manage your chats locally... Dropping in a few days!
0:17

Cooking a new release of claude-code-templates 👨‍🍳 New Claude Code Web UI to manage your chats locally... Dropping in a few days!

Daniel San

11,735 görüntüleme • 11 ay önce

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result
0:10

Exploring a little effort with claude and this what it generates. No design tool used, no code harm, just few lines of prompt and here the result

Basit A. Khan

78,272 görüntüleme • 2 ay önce

bye bye UI designers... I made this design in 2 days, 12 hours a day without drawing a single thing in figma or writing any code vibing Gemini Flash 3, all in 2 days.
0:10

bye bye UI designers... I made this design in 2 days, 12 hours a day without drawing a single thing in figma or writing any code vibing Gemini Flash 3, all in 2 days.

Jogi

37,331 görüntüleme • 4 ay önce

I built a Bing AI clone called Zing! Featuring functional GPT-4 and Bing API search integration. I didn't write a single line of code; I just asked, and GPT-4 did the rest 🤯😅 It took roughly 2 hours. Hosted on Replit ⠕
0:14

I built a Bing AI clone called Zing! Featuring functional GPT-4 and Bing API search integration. I didn't write a single line of code; I just asked, and GPT-4 did the rest 🤯😅 It took roughly 2 hours. Hosted on Replit ⠕

Pietro Schirano

581,458 görüntüleme • 3 yıl önce

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

55,576 görüntüleme • 1 ay önce

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇
0:14

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇

Mr. Buzzoni

174,893 görüntüleme • 6 gün önce

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo, a font, and brand colors. This is... really, really good for a one-shot prompt.
0:14

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo, a font, and brand colors. This is... really, really good for a one-shot prompt.

Jason Zook

102,686 görüntüleme • 4 ay önce

Your logo 🤝 Your app clip code I’ve started working on a new feature for App Clipped that lets you turn your logo or app icon into an App Clip Code-style design 🤩
0:16

Your logo 🤝 Your app clip code I’ve started working on a new feature for App Clipped that lets you turn your logo or app icon into an App Clip Code-style design 🤩

Matt Heaney

120,941 görüntüleme • 1 yıl önce

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)
0:18

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

364,566 görüntüleme • 2 ay önce

A few selects of Animation / Motion Design work for Moon back when I was working on the channel Made in After Effects
0:15

A few selects of Animation / Motion Design work for Moon back when I was working on the channel Made in After Effects

Erv

15,261 görüntüleme • 2 yıl önce

Made this entirely solo with Ai. I haven't wrote a single line of code, I have however came across a few roadblocks but resolved them every single time. #RobloxDev #Roblox
0:15

Made this entirely solo with Ai. I haven't wrote a single line of code, I have however came across a few roadblocks but resolved them every single time. #RobloxDev #Roblox

Raz

125,833 görüntüleme • 1 ay önce

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 görüntüleme • 3 ay önce

I hate writing in a code editor, so I built an editing mode that lets me write live on the page. This is one of those things that I just wouldn't have bothered to do without Claude Code.
0:11

I hate writing in a code editor, so I built an editing mode that lets me write live on the page. This is one of those things that I just wouldn't have bothered to do without Claude Code.

Dan Hollick

93,840 görüntüleme • 1 yıl önce

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →
0:14

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →

Google Cloud

34,349 görüntüleme • 6 ay önce

Claude Code Weekly Roundup Last week we landed several CLI UX polish updates (better spinner, inline bash feedback), expanded hooks options, and a new frontend-design plugin that levels up Claude's design capabilities.
0:12

Claude Code Weekly Roundup Last week we landed several CLI UX polish updates (better spinner, inline bash feedback), expanded hooks options, and a new frontend-design plugin that levels up Claude's design capabilities.

Thariq

38,801 görüntüleme • 7 ay önce