Loading video...

Video Failed to Load

Go Home

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render

ctatedev's profile picture

Chris Tate

63,071 subscribers

169,638 views • 1 month ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more
0:14

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

165,297 views • 5 months ago

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new
0:17

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new

Edu Calvo

28,360 views • 1 month ago

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.
0:19

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 views • 3 months ago

We're betting on the next 1B+ users being agents, so we're launching agent signups. Ask your agent to add Firecrawl, instantly claim your API key, then pull web data in seconds. Works with Codex, Claude Code & Grok Build, all powered by auth.md from WorkOS🔥
0:19

We're betting on the next 1B+ users being agents, so we're launching agent signups. Ask your agent to add Firecrawl, instantly claim your API key, then pull web data in seconds. Works with Codex, Claude Code & Grok Build, all powered by auth.md from WorkOS🔥

Firecrawl

45,623 views • 1 month ago

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com
0:18

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com

Rabi Shanker Guha

133,987 views • 4 months ago

Introducing x-cli! Use it in claude code, codex, openclaw, opencode, or anything you'd like. It's a cli tool, not a MCP. It won't waste context space when not being used. Simply paste this into your agent session: "Setup
0:16

Introducing x-cli! Use it in claude code, codex, openclaw, opencode, or anything you'd like. It's a cli tool, not a MCP. It won't waste context space when not being used. Simply paste this into your agent session: "Setup

Elliot Arledge

187,260 views • 5 months ago

Introducing Repoless in Jules • Run sessions without a GitHub repo • Upload your own context: code, files, photos... • Download everything when it's done Perfect for prototypes, custom tools, quick scripts, or anything you want to build in an AI powered sandbox.
0:11

Introducing Repoless in Jules • Run sessions without a GitHub repo • Upload your own context: code, files, photos... • Download everything when it's done Perfect for prototypes, custom tools, quick scripts, or anything you want to build in an AI powered sandbox.

Jules

126,266 views • 8 months ago

Paste images and files directly into Claude Code and other AI coding agents in the latest version of Termius for iPhone and iPad. Add images and files using: → Copy & paste → Drag & drop → Share from Photos or any other app Perfect for screenshots, UI mockups, diagrams, error messages, or anything else your agent needs to see.
0:14

Paste images and files directly into Claude Code and other AI coding agents in the latest version of Termius for iPhone and iPad. Add images and files using: → Copy & paste → Drag & drop → Share from Photos or any other app Perfect for screenshots, UI mockups, diagrams, error messages, or anything else your agent needs to see.

Termius

23,545 views • 26 days ago

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source
0:16

Introducing Expect Let agents test your code in a real browser 1. Run Claude Code / Codex to QA your app 2. Watch a video of every bug found 3. Fix and repeat until passing Run as a CLI or agent skill. Fully open source

Aiden Bai

843,080 views • 4 months ago

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:
0:18

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:

Meng To

174,126 views • 7 days ago

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:
0:12

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:

Min Choi

84,531 views • 2 years ago

Introducing Agentic Hot Reload: Hot reload that will work automatically with every coding agent ⚡ When you prompt your agent to make a change, it will reload your running app and show you UI updates in real-time.
0:18

Introducing Agentic Hot Reload: Hot reload that will work automatically with every coding agent ⚡ When you prompt your agent to make a change, it will reload your running app and show you UI updates in real-time.

Flutter

28,220 views • 2 months ago

Introducing: Browser Use Desktop 🖥️ A new interface for AI browser automation. > Global shortcut to spin up agents > Run multiple agents in the background > Supports Claude Code and Codex Try it now ↓🔗
0:13

Introducing: Browser Use Desktop 🖥️ A new interface for AI browser automation. > Global shortcut to spin up agents > Run multiple agents in the background > Supports Claude Code and Codex Try it now ↓🔗

Reagan Hsu

96,501 views • 3 months ago

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.
0:13

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.

Tw93

66,900 views • 6 months ago

New Llama.cpp UI is a blessing for the local AI world 🌎 - Blazing fast, beautiful, and private (ofc) - Use 150,000+ GGUF models in a super slick UI - Drop in PDFs, images, or text documents - Branch and edit conversations anytime - Parallel chats and image processing - Math and code rendering - Constrained generation with JSON schema supported Easy setup + open-source + community-built 🔥
0:14

New Llama.cpp UI is a blessing for the local AI world 🌎 - Blazing fast, beautiful, and private (ofc) - Use 150,000+ GGUF models in a super slick UI - Drop in PDFs, images, or text documents - Branch and edit conversations anytime - Parallel chats and image processing - Math and code rendering - Constrained generation with JSON schema supported Easy setup + open-source + community-built 🔥

Victor M

161,184 views • 9 months ago

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!
0:19

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

Warp

223,064 views • 4 months ago

Google is working on integrating Firebase with AI Studio to enable users to build more complex apps. Users will be able to vibe code a proper database integration and an auth layer. This is accompanied by an updated UI for the Build page and support for / commands.
0:18

Google is working on integrating Firebase with AI Studio to enable users to build more complex apps. Users will be able to vibe code a proper database integration and an auth layer. This is accompanied by an updated UI for the Build page and support for / commands.

🚨 AI News | TestingCatalog

66,896 views • 6 months ago

No coding. No data leaks. Just your agent, live on-chain. Build a private AI agent or app in the Vibe Code Challenge: Agent Edition. 175,000 $COTI in prizes Agent Skills, MCP, and Messaging SDK Works with Claude, OpenAI, Hermes, Manus Build it to win it. Enter now!
0:16

No coding. No data leaks. Just your agent, live on-chain. Build a private AI agent or app in the Vibe Code Challenge: Agent Edition. 175,000 $COTI in prizes Agent Skills, MCP, and Messaging SDK Works with Claude, OpenAI, Hermes, Manus Build it to win it. Enter now!

COTI Foundation

3,182,647 views • 1 month ago

AI can generate animation code. It can't feel timing. I built a skill that teaches AI agents Disney's 12 principles for UI motion, so there's actual intention behind the movement, not just math. Works with CSS, GSAP, Framer Motion & Lottie. Same prompt with Claude. Watch what changes 👇
0:10

AI can generate animation code. It can't feel timing. I built a skill that teaches AI agents Disney's 12 principles for UI motion, so there's actual intention behind the movement, not just math. Works with CSS, GSAP, Framer Motion & Lottie. Same prompt with Claude. Watch what changes 👇

Nattu

33,266 views • 3 months ago

Updated the subagents system in my custom Pi extension to include: - Pi subagents - Codex subagents - Claude Code subagents The Pi thread can call and spin up any of them, and instead of just using the "codex exec" or whatever, it'll do a tool call that wraps it up in a first class way. Have a decent UI for them already added in as well. Pi being the main thread then having Codex/Claude Code as tools when needed feels so good. A flow I'm already using a ton is: "Implement feature ___, have a cc fable subagent research and plan out the api design + feature, then have a codex subagent implement it, then have a cc fable subagent do a review/fixes focused on simplicity and correctness" I also have a dynamic workflows extension setup and working, but it's not nearly as polished yet. Probably gonna make the subagent system more robust, then built it around that so u could have a workflow that flows between codex/cc/pi...
0:19

Updated the subagents system in my custom Pi extension to include: - Pi subagents - Codex subagents - Claude Code subagents The Pi thread can call and spin up any of them, and instead of just using the "codex exec" or whatever, it'll do a tool call that wraps it up in a first class way. Have a decent UI for them already added in as well. Pi being the main thread then having Codex/Claude Code as tools when needed feels so good. A flow I'm already using a ton is: "Implement feature ___, have a cc fable subagent research and plan out the api design + feature, then have a codex subagent implement it, then have a cc fable subagent do a review/fixes focused on simplicity and correctness" I also have a dynamic workflows extension setup and working, but it's not nearly as polished yet. Probably gonna make the subagent system more robust, then built it around that so u could have a workflow that flows between codex/cc/pi...

Ben Davis

24,827 views • 21 days ago