Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

jasonzhou1993's profile picture

Jason Zhou

29,950 subscribers

49,194 görüntüleme • 11 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Eyal Toledano profil fotoğrafı
Eyal Toledano11 ay önce

@SuperDesignDev my man cooooooked

techfren profil fotoğrafı
techfren11 ay önce

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

Jason Zhou profil fotoğrafı
Jason Zhou11 ay önce

@SuperDesignDev Big fan of chaos coder!

mac profil fotoğrafı
mac11 ay önce

@SuperDesignDev insane

Clayton Farr profil fotoğrafı
Clayton Farr11 ay önce

@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.

Cass profil fotoğrafı
Cass11 ay önce

@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 Engineer profil fotoğrafı
Jon, The Generative AI Engineer11 ay önce

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

s.AI.kat profil fotoğrafı
s.AI.kat11 ay önce

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

MO profil fotoğrafı
MO11 ay önce

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

Ash profil fotoğrafı
Ash11 ay önce

@SuperDesignDev Love it

Benzer Videolar

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 • 11 ay önce

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.
0:31

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 görüntüleme • 2 ay önce

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!
0:24

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 görüntüleme • 4 ay önce

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:
0:59

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 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,540 görüntüleme • 1 ay önce

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:
0:25

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 görüntüleme • 7 ay önce

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.
0:25

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 görüntüleme • 8 ay önce

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. 👉
0:53

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 görüntüleme • 14 gün önce

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

177,647 görüntüleme • 4 gün önce

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.
0:57

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,482 görüntüleme • 2 ay önce

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
1:15

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 görüntüleme • 5 ay önce

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.
0:30

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 görüntüleme • 2 ay önce

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:
1:48

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 görüntüleme • 5 ay önce

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.
0:59

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,651 görüntüleme • 1 yıl önce

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
4:39

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,415 görüntüleme • 3 ay önce

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.
0:50

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,459 görüntüleme • 2 ay önce

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.
1:25

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 görüntüleme • 2 ay önce

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:
0:36

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,298 görüntüleme • 29 gün önce

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.
1:02

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

Meng To

87,796 görüntüleme • 1 ay önce

Today is a big day! We're launching a ~ new ~ version of Claude Code in the desktop app. It's been redesigned from the ground up for parallel work and is a lot faster. It's been my main way to use Claude Code for the last few weeks.
0:37

Today is a big day! We're launching a ~ new ~ version of Claude Code in the desktop app. It's been redesigned from the ground up for parallel work and is a lot faster. It's been my main way to use Claude Code for the last few weeks.

Felix Rieseberg

951,281 görüntüleme • 2 ay önce