Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Jason Zhou

29,641 subscribers

40,635 Aufrufe • vor 11 Monaten •via X (Twitter)

Wissenschaft & Technologie Bildung Kunst

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von Jason Zhou

Jason Zhouvor 11 Monaten

I will share more learnings about building @SuperDesignDev in AI Builder Club: Also If you want to get your LLM agent access internet data easily, checkout @firecrawl_dev Their new /search endpoint made my research agent 2x faster

Profilbild von TheAICoder

TheAICodervor 11 Monaten

Okay, using Claude Code for parallel design exploration like this is super interesting. Forking and iterating on multiple ideas simultaneously really changes the design loop. Makes total sense for the early exploration phase.

Profilbild von Himanshu Kumar

Himanshu Kumarvor 11 Monaten

Ten designs at once sounds chaotic yet excitingly efficient.

Profilbild von ChatableApps

ChatableAppsvor 11 Monaten

Finally, a way to make my procrastination look productive! Who knew my chaos could be so organized? 😂

Profilbild von 👾

👾vor 11 Monaten

Aey! I recognize you from YouTube. Super cool randomly finding you here.

Profilbild von 不鍊金丹不坐禪

不鍊金丹不坐禪vor 11 Monaten

Okay! I'll trrrrrrry it tomorrow! Thanks 🤗 Fantastic Job !!!

Profilbild von JJ

JJvor 11 Monaten

Fantastic video! Will check out more of your content!

Profilbild von Jon Shumate

Jon Shumatevor 11 Monaten

Great job man, this looks incredibly cool! Like a magicpath for your local machine!

Profilbild von BigDraft Picks

BigDraft Picksvor 11 Monaten

Thank you chief!

Ähnliche Videos

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Alvaro Cintas

387,652 Aufrufe • vor 4 Monaten

Tip: You can run multiple code agents in parallel. Works well with Gemini CLI, Claude Code + git-worktree.

Tip: You can run multiple code agents in parallel. Works well with Gemini CLI, Claude Code + git-worktree.

Addy Osmani

267,894 Aufrufe • vor 11 Monaten

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 ❤️:

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,194 Aufrufe • vor 11 Monaten

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

745,135 Aufrufe • vor 1 Jahr

Why settle for one Claude Code when you can run ten in parallel? We built Claude Squad — a manager for Claude Code & Aider tasks: • Supervise multiple agents in one place • Isolated git workspaces Free + open-source:

Why settle for one Claude Code when you can run ten in parallel? We built Claude Squad — a manager for Claude Code & Aider tasks: • Supervise multiple agents in one place • Isolated git workspaces Free + open-source:

mufeez

120,932 Aufrufe • vor 1 Jahr

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,494,601 Aufrufe • vor 4 Monaten

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.

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

299,379 Aufrufe • vor 4 Monaten

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf

Claude Code can now COPY the UI of your favorite websites. Introducing the AIDesigner MCP v2 update! point Claude at any website to extract every media asset, branding, and design system to: > create a perfect CLONE of any website > create a new design INSPIRED by any website > ENHANCE an existing website, giving it a complete UI makeover Compatible with Claude Code, Codex, Cursor, Copilot, and Windsurf

FHILY👑

108,269 Aufrufe • vor 1 Monat

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Chakra

19,610 Aufrufe • vor 10 Monaten

I built an app with Claude Opus 4.5, then animated it with this new tool I found... This new iOS design workflow let me animate a character for my onboarding. Here it is: 1. build the app using Claude Code within 2. entered image of my mascot into 3. copied animation code from there back into vibecode

I built an app with Claude Opus 4.5, then animated it with this new tool I found... This new iOS design workflow let me animate a character for my onboarding. Here it is: 1. build the app using Claude Code within 2. entered image of my mascot into 3. copied animation code from there back into vibecode

Emily Lambert

290,299 Aufrufe • vor 5 Monaten

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀

Julian Goldie SEO

76,422 Aufrufe • vor 2 Monaten

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)

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,540 Aufrufe • vor 2 Monaten

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,508 Aufrufe • vor 2 Monaten

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,573 Aufrufe • vor 3 Monaten

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱

Ian Nuttall

22,322 Aufrufe • vor 11 Monaten

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:

Claude R Perrin Code SDK is under-rated One cool part with Claude Code SDK is that it supports full features out of box: - Skills - Sub agents - Hooks - ... Which means you can use claude code CLI as a debug tool to build agent, and then import to your Claude code powered agent Here is a quick example of a pptx presentation agent using Claude Code SDK + doc skills Code example from AI Builder Club by Kai:

Jason Zhou

11,981 Aufrufe • vor 7 Monaten

🧲 Meet Magnet — the AI workspace for agentic coding. Build software with Claude Code, Cursor, Codex & co. → Write a ticket → Magnet assembles context → Fires to Claude Code, Deep Research, and other agent sessions in parallel Git worktree sandboxes → PRs appear → Use agents to help you spec, research, and decompose tasks Let your agents cook!

🧲 Meet Magnet — the AI workspace for agentic coding. Build software with Claude Code, Cursor, Codex & co. → Write a ticket → Magnet assembles context → Fires to Claude Code, Deep Research, and other agent sessions in parallel Git worktree sandboxes → PRs appear → Use agents to help you spec, research, and decompose tasks Let your agents cook!

Nicolae Rusan

16,591 Aufrufe • vor 11 Monaten

$Claude Code now has Agent Teams Multiple Claude sessions working in parallel, coordinating through shared tasks and messaging each other. Enable it by adding this to your settings.json: { "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS":"1" } } Just describe the team you want in plain English Shift+↑ to check each teammate's progress This + worktrees = workflow multiplier$

Claude Code now has Agent Teams Multiple Claude sessions working in parallel, coordinating through shared tasks and messaging each other. Enable it by adding this to your settings.json: { "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS":"1" } } Just describe the team you want in plain English Shift+↑ to check each teammate's progress This + worktrees = workflow multiplier

Daniel San

83,209 Aufrufe • vor 4 Monaten

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply

Chong-U

234,240 Aufrufe • vor 5 Monaten

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because vibecode.dev uses Claude Code as the default agent. (Full prompt below 👇)

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because vibecode.dev uses Claude Code as the default agent. (Full prompt below 👇)

Vibecoding Explained

40,260 Aufrufe • vor 4 Monaten