Loading video...

Video Failed to Load

Go Home

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

swmansion's profile picture

Software Mansion

23,297 subscribers

29,739 views • 1 month 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

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.
0:30

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 views • 5 months ago

Introducing Prompted Variants ✨. It's a creativity amplifier for your design process. You can now guide your variants with a prompt. Get specific with UI changes ("show me different layouts") or describe a high-level goal like "make checkout easier" to rapidly iterate. Or, leave the prompt blank to have Stitch completely reimagine the screen for you. Watch as we uplevel this app's UI in a couple minutes. 👇
0:40

Introducing Prompted Variants ✨. It's a creativity amplifier for your design process. You can now guide your variants with a prompt. Get specific with UI changes ("show me different layouts") or describe a high-level goal like "make checkout easier" to rapidly iterate. Or, leave the prompt blank to have Stitch completely reimagine the screen for you. Watch as we uplevel this app's UI in a couple minutes. 👇

Stitch by Google

151,382 views • 10 months ago

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇
0:26

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 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:
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

470,306 views • 3 months ago

AI design still asks you to adapt to the tool before the tool adapts to your work. But Open Design 0.9.0 starts with you. Bring any model — whichever fits the job. Run any agent — whichever fits your workflow. Use any stack — including the one your team already has. Or start instantly with AMR built in. Design for everyone. Try it now👉
0:31

AI design still asks you to adapt to the tool before the tool adapts to your work. But Open Design 0.9.0 starts with you. Bring any model — whichever fits the job. Run any agent — whichever fits your workflow. Use any stack — including the one your team already has. Or start instantly with AMR built in. Design for everyone. Try it now👉

Open Design

25,761 views • 2 months ago

Introducing the first agent for visual development. The Bubble AI Agent is here (in beta) — your in-editor partner that explains, troubleshoots, and builds with you. Now available on AI-generated apps. Read more:
0:54

Introducing the first agent for visual development. The Bubble AI Agent is here (in beta) — your in-editor partner that explains, troubleshoots, and builds with you. Now available on AI-generated apps. Read more:

Bubble

10,638 views • 10 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

201,011 views • 9 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
0:20

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

61,422 views • 2 months ago

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥
0:58

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

13,743 views • 4 months 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

859,132 views • 1 year ago

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:
0:21

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 views • 11 months ago

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?
1:35

For the first time, you can vibe-code any AI agent. Meet — Computer Human AI by Langbase ☕ 🔹Prompt: "make an agent that…" 🔹Sip: chai builds any AI agent 🔹Ship: every agent gets a UI 🤯 Like your on-demand AI Engineer. What will you s(h)ip today?

Ahmad Awais

149,443 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,470 views • 6 months ago

AI agents can now see your UI like you do. Select any element in your live app, leave a comment, and your AI agent fixes it in your local codebase automatically. This is wild for React devs. 100% Opensource and Local.
0:33

AI agents can now see your UI like you do. Select any element in your live app, leave a comment, and your AI agent fixes it in your local codebase automatically. This is wild for React devs. 100% Opensource and Local.

Unwind AI

12,591 views • 1 year ago

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below
3:30

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 views • 3 months ago

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇
0:25

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

CopilotKit🪁

31,845 views • 10 months ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.
0:25

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

174,184 views • 1 month ago

Introducing Gamma Agent: your AI design partner. Agent is an entirely new way to edit your gammas. We built Agent to think with you so you can bring your ideas to life. With Agent you can: ✅ Research anything: search the web and pull in citations ✅ Refine everything: drop links, add screenshots, and upload images ✅ Restyle instantly: change image styles, themes, and the entire look ✅ Get feedback: review your deck and get suggestions Agent is now live in Gamma for all users.
3:03

Introducing Gamma Agent: your AI design partner. Agent is an entirely new way to edit your gammas. We built Agent to think with you so you can bring your ideas to life. With Agent you can: ✅ Research anything: search the web and pull in citations ✅ Refine everything: drop links, add screenshots, and upload images ✅ Restyle instantly: change image styles, themes, and the entire look ✅ Get feedback: review your deck and get suggestions Agent is now live in Gamma for all users.

Gamma

12,554 views • 11 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 2 months ago