Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

agent progress tracker component is here for BoardUI Design System. spent lots of time with claude to get this right, enjoy. 🤝

Mertcan

3,016 subscribers

13,056 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

Mertcan

25,391 views • 1 month ago

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:

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 views • 1 year ago

We made Agent Design real before Claude Design became part of Claude Code. Open Design brings a live, editable artboard to any agent. Find it in the Codex Plugin Directory, or use the prompt below for Claude and other AI agents. ↘️

We made Agent Design real before Claude Design became part of Claude Code. Open Design brings a live, editable artboard to any agent. Find it in the Codex Plugin Directory, or use the prompt below for Claude and other AI agents. ↘️

OpenDesign

42,382 views • 17 days ago

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.

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 views • 2 months ago

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Pietro Schirano

206,553 views • 1 year ago

Claude Design is here powered by Opus 4.7 this is killing thousands of startups..

Claude Design is here powered by Opus 4.7 this is killing thousands of startups..

el.cine

453,810 views • 4 months ago

Created a social media profile dashboard with Claude Design. This used my personal Design System to get the font, colors, text and graphics closer to my personal brand style. Prompt in the comments below.

Jerrod Lew

11,781 views • 4 months ago

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

klöss

14,585 views • 4 months ago

Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write to your design.

Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write to your design.

Paper

12,452,742 views • 5 months ago

Spent the entire day building African Design Archive; a living digital archive for African graphic design, with my buddies Next.js, React, Sanity, and Claude. Still a WIP, but it's feeling right.

Spent the entire day building African Design Archive; a living digital archive for African graphic design, with my buddies Next.js, React, Sanity, and Claude. Still a WIP, but it's feeling right.

Chisa

49,550 views • 4 months ago

claude has started to get really damn good at design. this is impressive

claude has started to get really damn good at design. this is impressive

Nick Khami

249,309 views • 5 months ago

This design system made us $2.5M. I'm giving it away for free to Lovable builders. This will allow you to build premium UI in Lovable. Copy & paste. What’s included: • 3 design styles • Component standards (buttons, cards, nav, modals) • Copy right into project Follow + comment "Design" and I'll DM you.

This design system made us $2.5M. I'm giving it away for free to Lovable builders. This will allow you to build premium UI in Lovable. Copy & paste. What’s included: • 3 design styles • Component standards (buttons, cards, nav, modals) • Copy right into project Follow + comment "Design" and I'll DM you.

Jacob Klug

74,330 views • 7 months ago

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.

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 views • 2 months ago

ex-Anthropic engineer: "I left Anthropic to build agents systems in Google but nothing beats Claude as an agent yet - in coding and tool use, the rest are still behind " in this 90-min podcast, he showed how to build effective agent system with Claude from scratch to get into Anthropic, he hand-coded Karpathy's nanoGPT as a physicist Claude → tools → loops of verification → a real agent and why, at Google, he says Claude is the best watch & bookmark - then read the guide to agent systems ↓

ex-Anthropic engineer: "I left Anthropic to build agents systems in Google but nothing beats Claude as an agent yet - in coding and tool use, the rest are still behind " in this 90-min podcast, he showed how to build effective agent system with Claude from scratch to get into Anthropic, he hand-coded Karpathy's nanoGPT as a physicist Claude → tools → loops of verification → a real agent and why, at Google, he says Claude is the best watch & bookmark - then read the guide to agent systems ↓

codila

127,184 views • 1 month ago

Opus 4.5 is our best model yet for design & vision. Here are some of my favorite UIs we made with Claude Code's frontend-design plugin.

Opus 4.5 is our best model yet for design & vision. Here are some of my favorite UIs we made with Claude Code's frontend-design plugin.

Thariq

490,319 views • 9 months ago

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

65,513 views • 6 months ago

CLAUDE CODE IS NOW FREE AND YOU CAN BUILD AN ENTIRE AI CODING SYSTEM WITH 1M CONTEXT, AGENT OS AND OBSIDIAN MEMORY WITHOUT PAYING FOR ANY OF IT. The stack gets smarter over time and costs you nothing to run.

CLAUDE CODE IS NOW FREE AND YOU CAN BUILD AN ENTIRE AI CODING SYSTEM WITH 1M CONTEXT, AGENT OS AND OBSIDIAN MEMORY WITHOUT PAYING FOR ANY OF IT. The stack gets smarter over time and costs you nothing to run.

0xMarioNawfal

51,265 views • 3 months ago

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

elvis

13,380 views • 4 months ago

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab

Sisyphus Labs

22,758 views • 3 months ago

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

Jason Zhou

80,871 views • 1 year ago