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

60,218 subscribers

161,975 views • 3 days 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

164,515 views • 3 months ago

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.
0:19

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,207 views • 3 months ago

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation
0:10

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation

Chris Tate

33,601 views • 4 months ago

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte
0:16

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte

Chris Tate

27,051 views • 3 months 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 • 2 months ago

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!
0:15

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 views • 1 year ago

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more
0:18

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more

Shopify

3,966,518 views • 2 months 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

129,442 views • 3 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,018 views • 4 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,193 views • 7 months ago

generative ui for home automations!
0:18

generative ui for home automations!

Jeremy

199,799 views • 1 year 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

840,868 views • 2 months ago

Cooking a new release of claude-code-templates 👨‍🍳 New Claude Code Web UI to manage your chats locally... Dropping in a few days!
0:17

Cooking a new release of claude-code-templates 👨‍🍳 New Claude Code Web UI to manage your chats locally... Dropping in a few days!

Daniel San

11,735 views • 11 months 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,521 views • 2 years ago

Introducing vargai/sdk - JSX for AI Video. Declarative programming language for Claude Code. AI Agent writes JSX, you get videos ✦ 🧵
0:16

Introducing vargai/sdk - JSX for AI Video. Declarative programming language for Claude Code. AI Agent writes JSX, you get videos ✦ 🧵

Alex Varga /✦

50,328 views • 4 months 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

27,671 views • 29 days ago

Introducing v0 templates: • Next.js + shadcn/ui • Forms • Charts • AI Chatbot • Ecommerce • Docs site Templates let you build on well-designed, pre-configured starting points. What else should we add?
0:18

Introducing v0 templates: • Next.js + shadcn/ui • Forms • Charts • AI Chatbot • Ecommerce • Docs site Templates let you build on well-designed, pre-configured starting points. What else should we add?

v0

209,920 views • 1 year ago

If you struggle to describe UI transitions in Claude or Codex, these commonly used transition terms can help. Save this for later.
0:12

If you struggle to describe UI transitions in Claude or Codex, these commonly used transition terms can help. Save this for later.

Gabriel

263,301 views • 26 days 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,401 views • 1 month ago

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓
0:19

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

tom

156,380 views • 3 months ago