Loading video...

Video Failed to Load

Go Home

Introducing 1st full-stack AI Designer An AI agent that can plan, generate graphic assets, Video animation, production UI code all with full context Design like this could easily cost $5~$10k just 1 year ago, but now is possible to deliver in 10 min without any design skills Learnt from...

jasonzhou1993's profile picture

Jason Zhou

29,363 subscribers

32,121 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Genspark AI Agent just released AI Designer. You can now have an AI agent that performs deep research and generates entire brand design systems. 5 powerful use cases + how to try👇: 1. From asset creation to full working site
0:35

Genspark AI Agent just released AI Designer. You can now have an AI agent that performs deep research and generates entire brand design systems. 5 powerful use cases + how to try👇: 1. From asset creation to full working site

Alvaro Cintas

121,672 views • 9 months ago

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.
1:40

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

105,567 views • 3 months ago

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at
1:34

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

Jason Zhou

218,699 views • 5 months ago

Google Opal is vastly underrated but can replace n8n or Make in many situations You can create powerful AI workflows for free and with a single prompt: - Ask the user for any input - Run multiple deep research simultaneously - Add any context you want (YT video, text, docs...) - Use tools like web, Maps, code execution - Synthesize with Gemini 2.5 Pro - Generate results in any format I created this agent to prepare meetings in literally 10 minutes. Tip: make sure to use the microphone feature to give as much context as possible to Opal... So it can generate the workflow almost in one-shot!
0:32

Google Opal is vastly underrated but can replace n8n or Make in many situations You can create powerful AI workflows for free and with a single prompt: - Ask the user for any input - Run multiple deep research simultaneously - Add any context you want (YT video, text, docs...) - Use tools like web, Maps, code execution - Synthesize with Gemini 2.5 Pro - Generate results in any format I created this agent to prepare meetings in literally 10 minutes. Tip: make sure to use the microphone feature to give as much context as possible to Opal... So it can generate the workflow almost in one-shot!

Paul Couvert

67,365 views • 7 months ago

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.
0:35

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

200,478 views • 7 months ago

In 2026, Design is not static mockups. It is code. AI can generate UI fast, but it is design blind. That’s where Anima comes in.
1:49

In 2026, Design is not static mockups. It is code. AI can generate UI fast, but it is design blind. That’s where Anima comes in.

Avishay Cohen

12,448,220 views • 4 months ago

Genspark AI just released AI Browser. You can now have an AI agent in your browser to automate browsing, planning, and interacting with the web for you. 5 powerful use cases + how to try👇: 1. Download all papers talked in a YouTube video
0:22

Genspark AI just released AI Browser. You can now have an AI agent in your browser to automate browsing, planning, and interacting with the web for you. 5 powerful use cases + how to try👇: 1. Download all papers talked in a YouTube video

Alvaro Cintas

157,604 views • 11 months ago

The first AI design agent just dropped. It combines major models for image, video, and 3D asset generation all in one place. You can also edit the images, generate music, and voiceovers! Step-by-step tutorial 👇
0:20

The first AI design agent just dropped. It combines major models for image, video, and 3D asset generation all in one place. You can also edit the images, generate music, and voiceovers! Step-by-step tutorial 👇

Alvaro Cintas

120,917 views • 1 year ago

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams
0:48

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,042 views • 2 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.
1:12

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

97,919 views • 9 months ago

Baidu-backed AI is about to flip the no-code world. MeDo isn’t just another builder. It’s full-stack automation: design → code → infra → deploy — all in minutes.
0:20

Baidu-backed AI is about to flip the no-code world. MeDo isn’t just another builder. It’s full-stack automation: design → code → infra → deploy — all in minutes.

GrowAIHub

15,626 views • 6 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!
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 views • 4 months 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.
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,304 views • 1 month ago

Introducing Design Mode for Cursor! 🧑‍🎨🤖 Vibe code and vibe design in one place, stay in the flow. Uses the same existing AI agent that's in your favorite coding tool, same context, intertwined.
0:50

Introducing Design Mode for Cursor! 🧑‍🎨🤖 Vibe code and vibe design in one place, stay in the flow. Uses the same existing AI agent that's in your favorite coding tool, same context, intertwined.

Tom Krcha

858,381 views • 1 year 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
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 views • 3 months ago

This is the future of AI design/prototyping 1/ Import real product context 2/ Give Design agent a brief 3/ Unlimited design immediately, all on-brand and in-context And also... 👇🧵
0:56

This is the future of AI design/prototyping 1/ Import real product context 2/ Give Design agent a brief 3/ Unlimited design immediately, all on-brand and in-context And also... 👇🧵

Jason Zhou

180,998 views • 6 months ago

This JSON file turns GPT into your personal Senior AI Developer... Just upload it as context, describe your project, and watch it: – Plan the build – Design smarter workflows – Write production-quality code – Offer senior-level suggestions Comment “code” and I’ll DM you the full profile.
0:33

This JSON file turns GPT into your personal Senior AI Developer... Just upload it as context, describe your project, and watch it: – Plan the build – Design smarter workflows – Write production-quality code – Offer senior-level suggestions Comment “code” and I’ll DM you the full profile.

Tyler

192,476 views • 11 months ago

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇
0:29

Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 Introducing the Stitch MCP Server. 🔌 You can now pipe Stitch designs directly into your favorite tools like Antigravity. * Generate new screens without leaving your IDE * Fetch the code from any design * Inject context: Give your agent full visual awareness Docs and more information 👇

Stitch by Google

359,254 views • 4 months ago

At Postman, we have adopted an AI-native mindset to product development. What does this mean in practice? Just like you can generate text with AI, Postman's Agent Mode can generate a UI as well. Case in point: we have added the ability to review, generate, and change diffs for important changes right inside agent mode's chat interaction. If the user trusts agent mode, they can continue in auto-mode, but for critical changes, they can have the agent mode inform the user, review what is changing, and then give the go ahead to approve. See this in action below in the video! While there is a lot of focus on AI generated code today, I believe a large chunk of pre-built UI work will just go away and micro-interactions and workflow steps will be created on the fly through a combination of AI + APIs. How to operate in this new world? Build your API first. Hook it up to AI. If your users really want the UI every time, invest in the GUI.
0:30

At Postman, we have adopted an AI-native mindset to product development. What does this mean in practice? Just like you can generate text with AI, Postman's Agent Mode can generate a UI as well. Case in point: we have added the ability to review, generate, and change diffs for important changes right inside agent mode's chat interaction. If the user trusts agent mode, they can continue in auto-mode, but for critical changes, they can have the agent mode inform the user, review what is changing, and then give the go ahead to approve. See this in action below in the video! While there is a lot of focus on AI generated code today, I believe a large chunk of pre-built UI work will just go away and micro-interactions and workflow steps will be created on the fly through a combination of AI + APIs. How to operate in this new world? Build your API first. Hook it up to AI. If your users really want the UI every time, invest in the GUI.

Abhinav Asthana

104,263 views • 10 months ago