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.

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

Jason Zhou

29,950 subscribers

49,194 views • 11 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Eyal Toledano11 months ago

@SuperDesignDev my man cooooooked

techfren11 months ago

@SuperDesignDev Great stuff. I was thinking the same thing when I built chaos coder

Jason Zhou11 months ago

@SuperDesignDev Big fan of chaos coder!

mac11 months ago

@SuperDesignDev insane

Clayton Farr11 months ago

@SuperDesignDev Fantastic work, thanks for sharing. Clutch differentiator in UX of a gen AI design tool like this would be anchoring ideation & refinements against the same types of inputs used by smart designers – user & business goals, context, constraints – rather than semi-arbitrary gen.

Cass11 months ago

@SuperDesignDev Add component clicking inside the canvas for individual parts so the ai can know what to target edit i.e.

Jon, The Generative AI Engineer11 months ago

@SuperDesignDev ngl this is what I thought magicpath was going to be

s.AI.kat11 months ago

@SuperDesignDev Jason, this is delicious 🍲! I'll give it a spin.. There's a typo on the landing - else it looks 🔥

MO11 months ago

@SuperDesignDev Thaaank you You gave me something to play with after work

Ash11 months ago

@SuperDesignDev Love it

Related Videos

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 • 11 months ago

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Introducing the Sleek Design Skill Just install it and your agent instantly makes better mobile app designs Works with Claude Code, Codex or any agent with skills. Link below.

Mattia

182,325 views • 2 months ago

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!

I love working in terminal, but I can't design or brainstorm in there. So I built Hatch! One IDE for the full loop: explore ideas → test out designs with SuperDesign.Dev → find right skills for the job → ship with agents. > build: supports Claude code, OpenCode and Cursor agents in parallel with worktrees. > idea maze: use the canvas to sketch out ideas, paste tweets or images. > idea maze: let your agent make connections, critique your ideas or come up with related ones. > design: bring SuperDesign.Dev prompts or exports directly into your workspaces. vibedesign before vibecoding. > skills: ask your agent what skills to get with your workspace context. All open source!

Firat Sertgoz

37,850 views • 5 months ago

Open sourcing the first Expo vibe coding web IDE and SDK: React Native Vibe Code Powered by Claude agent SDK, history rollbacks, live web and native app previews, full stack setup by Convex, publish to web w/ Cloudflare, voice prompting, upload assets to app, add images and files to prompt, model selector, skills loader, visual edits, sandboxing by E2B, download codebase option, Monaco code editor, fork/remix and a CLI to run locally. The project is a Turborepo running Next.js hosted on Vercel with streaming powered by AI SDK ◆ try cloud version at ◆ github repo:

Open sourcing the first Expo vibe coding web IDE and SDK: React Native Vibe Code Powered by Claude agent SDK, history rollbacks, live web and native app previews, full stack setup by Convex, publish to web w/ Cloudflare, voice prompting, upload assets to app, add images and files to prompt, model selector, skills loader, visual edits, sandboxing by E2B, download codebase option, Monaco code editor, fork/remix and a CLI to run locally. The project is a Turborepo running Next.js hosted on Vercel with streaming powered by AI SDK ◆ try cloud version at ◆ github repo:

ROFI

44,497 views • 4 months ago

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

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

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

55,365 views • 3 days ago

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

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

51,104 views • 17 days ago

The Claude Code SDK is now the Claude Agent SDK Why? Because we realized the Claude Code agent harness is useful for much more than coding. In fact, we're moving to using it to power most of our own agent loops at Anthropic.

The Claude Code SDK is now the Claude Agent SDK Why? Because we realized the Claude Code agent harness is useful for much more than coding. In fact, we're moving to using it to power most of our own agent loops at Anthropic.

Thariq

206,976 views • 8 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

177,647 views • 8 days ago

Introducing Code on Canvas in Pencil.dev 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.

Introducing Code on Canvas in Pencil.dev 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

78,486 views • 2 months ago

Can Claude Code design proteins? We're just about to release our wet lab API + SDK so we made a quick demo to test how agents can interact with protein design models and submit the proteins to our lab for testing. This closes the loop between the computational design and the experiment validation We queued up a bunch of agent-designed proteins for wet lab validation, will release the results in a couple weeks on Proteinbase

Can Claude Code design proteins? We're just about to release our wet lab API + SDK so we made a quick demo to test how agents can interact with protein design models and submit the proteins to our lab for testing. This closes the loop between the computational design and the experiment validation We queued up a bunch of agent-designed proteins for wet lab validation, will release the results in a couple weeks on Proteinbase

Julian Englert

80,923 views • 5 months ago

Introducing Image to App. Turn any image into a native mobile app. Just paste an image. Claude Code Opus 4.6 will design, code, deploy and translate a mobile app inspired by original design. We’ve used this internally a lot for consumer apps on iOS/Android.

Introducing Image to App. Turn any image into a native mobile app. Just paste an image. Claude Code Opus 4.6 will design, code, deploy and translate a mobile app inspired by original design. We’ve used this internally a lot for consumer apps on iOS/Android.

David Ch

173,352 views • 2 months ago

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

Meng To

236,813 views • 1 year ago

I built a form-filling agent that anyone can use 💫 This is an extremely simple but useful (I hope) app. Upload a fillable form 📋, some context files, and chat with the agent to fill the form out automatically ✍️ 1️⃣ Yes it is a Claude Code SDK wrapper 2️⃣ It is better and faster than ChatGPT/Claude UI out of the box 3️⃣ We use LlamaParse to parse the context files, so you can have more trust that we are able to read context without hallucinations (e.g. messy scanned handwriting, drivers license photo, and more). This was one of my holiday Claude Code vibe-coding projects. Built with Opus 4.5, and also powered by Opus 4.5. Feeling the AGI 🫡 App is here: Repo is open-source:

I built a form-filling agent that anyone can use 💫 This is an extremely simple but useful (I hope) app. Upload a fillable form 📋, some context files, and chat with the agent to fill the form out automatically ✍️ 1️⃣ Yes it is a Claude Code SDK wrapper 2️⃣ It is better and faster than ChatGPT/Claude UI out of the box 3️⃣ We use LlamaParse to parse the context files, so you can have more trust that we are able to read context without hallucinations (e.g. messy scanned handwriting, drivers license photo, and more). This was one of my holiday Claude Code vibe-coding projects. Built with Opus 4.5, and also powered by Opus 4.5. Feeling the AGI 🫡 App is here: Repo is open-source:

Jerry Liu

48,355 views • 5 months ago

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,446 views • 3 months ago

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.

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.

Kurt Buhler

125,553 views • 2 months ago

Introducing Omma Canvas. First-ever massive parallel agent generation. Trigger up to 100 agents in parallel on a canvas to build real sites, web apps, and more.

Introducing Omma Canvas. First-ever massive parallel agent generation. Trigger up to 100 agents in parallel on a canvas to build real sites, web apps, and more.

Omma AI

164,344 views • 2 days ago

Wazabi x Cursor is here Vibe code any app, game or agent and tokenize it on Solana, $ETH, Base or $BSC. All without leaving your editor. This is just the beginning. More IDE integrations coming soon.

Wazabi x Cursor is here Vibe code any app, game or agent and tokenize it on Solana, $ETH, Base or $BSC. All without leaving your editor. This is just the beginning. More IDE integrations coming soon.

Wazabi AI

11,509 views • 3 months ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design

464,728 views • 1 month ago