Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Design a dashboard - anything you want; the sky is the limit - and ask Claude Code to create it for you in d3.js. Then test and iterate. You'll never see the current UI-driven visualization tools the same, again. At least, I can't.

kurtbuhler's profile picture

Kurt Buhler

6,458 subscribers

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

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.
1:12:40

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Mnimiy

180,572 görüntüleme • 2 ay önce

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.
0:57

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

79,899 görüntüleme • 4 ay önce

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

113,663 görüntüleme • 2 ay önce

I figured out the best workflow for Claude Code/Codex ever By using a couple free tools as 2nd brains, my vibe coding speeds have increased 10x Super simple and free for anyone to implement I promise if you watch this video, you'll never use Claude Code the same:
20:37

I figured out the best workflow for Claude Code/Codex ever By using a couple free tools as 2nd brains, my vibe coding speeds have increased 10x Super simple and free for anyone to implement I promise if you watch this video, you'll never use Claude Code the same:

Alex Finn

84,440 görüntüleme • 3 ay önce

Everything you see here, 100% (the code, the models, the sounds, the UI, everything) is done by Claude Sonnet 3.7 Thinking in Cursor. And it's amazing to create games that way! Thanks @levelsio for the inspiration. Try it: Source:
0:58

Everything you see here, 100% (the code, the models, the sounds, the UI, everything) is done by Claude Sonnet 3.7 Thinking in Cursor. And it's amazing to create games that way! Thanks @levelsio for the inspiration. Try it: Source:

Nicolas Zullo

10,881 görüntüleme • 1 yıl önce

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗
0:21

great idea by Benji Taylor. i just added this into the design-plugin. claude will ask you what you want to design/refine and generate 5 variations. then you can leave comments directly on the elements for claude. 🔗

0xDesigner

50,780 görüntüleme • 7 ay önce

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:
16:38

Cursor for Design? This Claude Code UI workflow is insane And many vibe coders not aware of it: 1. Claude Code can assign parallel tasks to sub agents 2. Integrate with git worktree to create sandbox env This means you can get Claude Code generate 10 design at the same time, fork & iterate 🔁 Design is an explorative process, by leveraging sub agent + parallel task capabilities, many interesting product UX can be built; Also turned this workflow into an open-source IDE extension here:

Jason Zhou

40,635 görüntüleme • 1 yıl önce

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.
0:55

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,862 görüntüleme • 3 ay önce

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)
2:12

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,707 görüntüleme • 4 ay önce

Bonsai3 is becoming The Hub for Web3 & AI Discover the latest AI Plugins, AI tools, dApps, and No-Code tools for anything Web3, and customize your own Dashboard with all the tools you love! We're live right now:
0:26

Bonsai3 is becoming The Hub for Web3 & AI Discover the latest AI Plugins, AI tools, dApps, and No-Code tools for anything Web3, and customize your own Dashboard with all the tools you love! We're live right now:

Bonsai3 - $BAI

43,701 görüntüleme • 2 yıl önce

One of my favorite ways to use Claude Code is to create a ticket Here is why I love it: Claude Code is very good at doing the work, but it must know when it's "done." A ticket gives Claude Code a clear signpost for when to stop Here's how to write it in 4 parts: 1) Give it a job: - "Add a wait list form to the landing page." 2) Give it a proper scope: - Ask for a name, an email, and a company. 3) Tell it the UX you want: - Show a simple success message after a person sends the form. 4) Tell the constraints it needs to follow: - Keep the design the same as the current brand identity. Then add an instruction: make the change small enough to review in the diff view, run the checks, open the app in the desktop preview, and tell me what still needs human review. The catch: a ticket that is not clear makes Claude guess. "Make the app better." "Add AI." "Build the whole thing." You get a diff too big to read, so you cannot tell if it is right. Keep the ticket small enough so that Claude knows exactly what to do
4:07

One of my favorite ways to use Claude Code is to create a ticket Here is why I love it: Claude Code is very good at doing the work, but it must know when it's "done." A ticket gives Claude Code a clear signpost for when to stop Here's how to write it in 4 parts: 1) Give it a job: - "Add a wait list form to the landing page." 2) Give it a proper scope: - Ask for a name, an email, and a company. 3) Tell it the UX you want: - Show a simple success message after a person sends the form. 4) Tell the constraints it needs to follow: - Keep the design the same as the current brand identity. Then add an instruction: make the change small enough to review in the diff view, run the checks, open the app in the desktop preview, and tell me what still needs human review. The catch: a ticket that is not clear makes Claude guess. "Make the app better." "Add AI." "Build the whole thing." You get a diff too big to read, so you cannot tell if it is right. Keep the ticket small enough so that Claude knows exactly what to do

The Startup Ideas Podcast (SIP) 🧃

10,471 görüntüleme • 13 gün önce

reKILL is not just the game itself. I also built a set of tools to be able to create the game and iterate faster. And one of the biggest is MapEditor. And it made it possible to design such big map.
1:09

reKILL is not just the game itself. I also built a set of tools to be able to create the game and iterate faster. And one of the biggest is MapEditor. And it made it possible to design such big map.

TheoTheDev

10,983 görüntüleme • 7 ay önce

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context
0:20

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

61,422 görüntüleme • 2 ay önce

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

300,276 görüntüleme • 6 ay önce

-> someone cloned claude -> design interface and -> made it completely free -> it's work on YouTube -> and also suitable for kids -> it’s called open design -> and it’s live on github -> same clean split-screen ui -> you get in claude artifacts -> prompt on the left, live -> design/code preview on -> the right, type what you -> want to build and it -> generates the ui in real -> time, but here’s the twist -> you pick the ai model -> not locked into one -> company, want to use -> gemini, mistral, llama, -> deepseek any model -> with an api work -> if you’re running local -> models with ollama -> that works too -> no subscription walls -> the big difference -> vs claude artifacts -> works with any free -> ai model you’re not -> paying $20/mo just to -> design, use free tiers -> local models, or whatever -> you already have access to -> fully local, your prompts -> and code never leave -> your machine unless -> you want them to -> no data training -> no cloud storage -> privacy by default -> no usage limits -> claude cuts you off -> after a few designs -> here you can generate, -> iterate, break things -> and rebuild all day -> the only limit is your -> don’t like how a button -> works, change it -> want to add your own -> components, go ahead -> you own the tool -> so if you’ve been gatekept -> by paywalls or worried -> about sensitive prompts -> going to some company’s -> servers, this fixes that. -> same workflow, more -> control, zero monthly fee
0:20

-> someone cloned claude -> design interface and -> made it completely free -> it's work on YouTube -> and also suitable for kids -> it’s called open design -> and it’s live on github -> same clean split-screen ui -> you get in claude artifacts -> prompt on the left, live -> design/code preview on -> the right, type what you -> want to build and it -> generates the ui in real -> time, but here’s the twist -> you pick the ai model -> not locked into one -> company, want to use -> gemini, mistral, llama, -> deepseek any model -> with an api work -> if you’re running local -> models with ollama -> that works too -> no subscription walls -> the big difference -> vs claude artifacts -> works with any free -> ai model you’re not -> paying $20/mo just to -> design, use free tiers -> local models, or whatever -> you already have access to -> fully local, your prompts -> and code never leave -> your machine unless -> you want them to -> no data training -> no cloud storage -> privacy by default -> no usage limits -> claude cuts you off -> after a few designs -> here you can generate, -> iterate, break things -> and rebuild all day -> the only limit is your -> don’t like how a button -> works, change it -> want to add your own -> components, go ahead -> you own the tool -> so if you’ve been gatekept -> by paywalls or worried -> about sensitive prompts -> going to some company’s -> servers, this fixes that. -> same workflow, more -> control, zero monthly fee

BeingInvested

12,134 görüntüleme • 3 ay önce

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:
0:55

Introducing SuperDesign.Dev The first open-source Design Agent that lives inside Cursor, Windsurf, or any IDE: 👉 Instantly spin up 10 different design in parallel 👉 Explore, fork, and iterate 10x faster 👉 Create new or iterate on your existing UI — all fully local JackJack and I shipped this as a quick weekend experiment to validate a hunch: design is the killer use case for parallel agents. Currently at V0.005 — a simple customization of the Claude Code SDK + static HTML generation. (We might be the first product powered by the Anthropic Claude Code SDK!) More coming soon: web app, mobile app, SVG generation, and more. GitHub: Try it out: ----- Upvote on Hacker News ❤️:

Jason Zhou

49,435 görüntüleme • 1 yıl önce

Aravind Srinivas has mandated the use of AI coding tools at Perplexity. ML engineers upload screenshots of pseudocode and get runnable experiments in an hour. Work that used to take 3–4 days. The same tools fix front-end bugs and redesign UI from annotated screenshots. But you can't vibe code production infra. At least not yet.
1:37

Aravind Srinivas has mandated the use of AI coding tools at Perplexity. ML engineers upload screenshots of pseudocode and get runnable experiments in an hour. Work that used to take 3–4 days. The same tools fix front-end bugs and redesign UI from annotated screenshots. But you can't vibe code production infra. At least not yet.

vitrupo

225,216 görüntüleme • 1 yıl önce

Introducing A video editor I built from scratch using Claude AI. This took 3 months and over 50k lines of code. I totally skipped design and went straight to code. Currently in early access. You can test out the AI tools with a free account.
0:51

Introducing A video editor I built from scratch using Claude AI. This took 3 months and over 50k lines of code. I totally skipped design and went straight to code. Currently in early access. You can test out the AI tools with a free account.

Meng To

505,197 görüntüleme • 1 yıl önce

Peter Steinberger Quietly Started A Shift That Makes Claude 35x Cheaper To Run The way Claude Code talks to tools matters more than people think. Most use MCP, and it quietly eats tokens, it loads everything into context every time, even tools you never call. One benchmark: MCP burned 35x more tokens than a CLI on the same task. Peter Steinberger, the OpenClaw guy, got annoyed by this and started building lean CLIs himself. That kicked off a tool called Printing Press. You point Claude Code at any website, even ones with no API like ESPN or Craigslist, and it builds a small command tool for it in about 10 minutes. In one demo, a request pulled 132,000 tokens of raw data, but the tool processed it locally and only handed Claude a 2,000-token summary. The rest never touched the context window. It also comes with ~50 ready-made tools you can grab right away. To start, point Claude Code at the links from and ask it to set it up. Bookmark this.
14:45

Peter Steinberger Quietly Started A Shift That Makes Claude 35x Cheaper To Run The way Claude Code talks to tools matters more than people think. Most use MCP, and it quietly eats tokens, it loads everything into context every time, even tools you never call. One benchmark: MCP burned 35x more tokens than a CLI on the same task. Peter Steinberger, the OpenClaw guy, got annoyed by this and started building lean CLIs himself. That kicked off a tool called Printing Press. You point Claude Code at any website, even ones with no API like ESPN or Craigslist, and it builds a small command tool for it in about 10 minutes. In one demo, a request pulled 132,000 tokens of raw data, but the tool processed it locally and only handed Claude a 2,000-token summary. The rest never touched the context window. It also comes with ~50 ready-made tools you can grab right away. To start, point Claude Code at the links from and ask it to set it up. Bookmark this.

Ridark

32,351 görüntüleme • 2 ay önce

New Release: Claudex Mode For the first time in mankind claude code and codex will be on the same team On the Blackbox CLI you can send the same task for Claude Code to implement and Codex to verify and test. You can choose more ways where they can collaborate on the same task to get the highest level of performance on your tasks
1:17

New Release: Claudex Mode For the first time in mankind claude code and codex will be on the same team On the Blackbox CLI you can send the same task for Claude Code to implement and Codex to verify and test. You can choose more ways where they can collaborate on the same task to get the highest level of performance on your tasks

BLACKBOX AI

304,664 görüntüleme • 6 ay önce