Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

We shipped the tutorial for Agents UI. In 5 minutes you'll have a fully wired voice agent frontend with audio visualizers, media controls, and session management built directly into your codebase. Watch it, build it, own it. shadcn inside™.

livekit's profile picture

LiveKit

9,260 subscribers

20,232 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.
0:43

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,463 Aufrufe • vor 5 Monaten

We shipped Agent Console, a realtime debugging surface for voice agents. Talk to your agent and see the entire pipeline live, from audio and latency to tool calls, transcripts, and participant state. Available now in the LiveKit Cloud dashboard.
4:52

We shipped Agent Console, a realtime debugging surface for voice agents. Talk to your agent and see the entire pipeline live, from audio and latency to tool calls, transcripts, and participant state. Available now in the LiveKit Cloud dashboard.

LiveKit

12,069 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 10 Monaten

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:
0:36

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Atai Barkai

138,046 Aufrufe • vor 5 Monaten

x402 is finally catching fire, but how do you actually build with it? In this video you'll learn how to build custom x402 agents in just 5 minutes. 🔥 The app is Open Source and gets you started with both a client and a merchant agent, everything you need to build your own agents. I show you how to extend it to sell EBooks for 1USDC.
7:48

x402 is finally catching fire, but how do you actually build with it? In this video you'll learn how to build custom x402 agents in just 5 minutes. 🔥 The app is Open Source and gets you started with both a client and a merchant agent, everything you need to build your own agents. I show you how to extend it to sell EBooks for 1USDC.

nader dabit

173,538 Aufrufe • vor 10 Monaten

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇
0:37

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇

CopilotKit🪁

20,541 Aufrufe • vor 3 Monaten

Introducing Kombai, the first AI agent built for frontend development. Kombai vastly outperforms SOTA models + generic agents in real-world benchmarks. Watch it add a complex new feature to an OSS codebase with 500K+ lines of code. More use cases and links in comments
3:08

Introducing Kombai, the first AI agent built for frontend development. Kombai vastly outperforms SOTA models + generic agents in real-world benchmarks. Watch it add a complex new feature to an OSS codebase with 500K+ lines of code. More use cases and links in comments

Dipanjan Dey

2,075,158 Aufrufe • vor 1 Jahr

We shipped 3D AI Agents straight into Sperax | SperaxOS and they're alive inside the chat. Build your 3D AI agent on → animations, emotions, a brain, money. Paste the link → it renders live in the conversation. Not a video. A real, live, interactive 3D agent. Spin it. Emote it. Give it a wallet, skills, and memory. Put it to work. Time to break AI out the box.
1:58

We shipped 3D AI Agents straight into Sperax | SperaxOS and they're alive inside the chat. Build your 3D AI agent on → animations, emotions, a brain, money. Paste the link → it renders live in the conversation. Not a video. A real, live, interactive 3D agent. Spin it. Emote it. Give it a wallet, skills, and memory. Put it to work. Time to break AI out the box.

three.ws

53,419 Aufrufe • vor 2 Monaten

How can a voice agent tell when you’re actually interrupting it? VAD is too sensitive—laughs, “mm-hmm,” or a sneeze shouldn’t stop the agent. We trained an audio model for adaptive interruption handling so agents can distinguish real interruptions from noise.
2:34

How can a voice agent tell when you’re actually interrupting it? VAD is too sensitive—laughs, “mm-hmm,” or a sneeze shouldn’t stop the agent. We trained an audio model for adaptive interruption handling so agents can distinguish real interruptions from noise.

LiveKit

44,054 Aufrufe • vor 5 Monaten

the video is live. full app built in under 3 hours. raw. uncut. bugs and all. the stack: → Idea Browser — idea to full PRD in minutes → Mobbin — production grade UI patterns from pre-existing apps → — built full stack with plain english (i specialize in frontend but you can also use superbase) what you'll see: HOUR 1: PRD generation (user flows, features, edge cases) HOUR 2: reference hunting (real apps > dribbble fantasy) HOUR 3: full build (frontend and you can use superbase for backend) this isn't a polished tutorial. it's the actual workflow. live. you'll see where it breaks. you'll see how I fix it. the gap between "idea" and "shipped product" is now 3 hours. watch it. then go build something. like + RT if this changes how your new workflow looks like..
7:10

the video is live. full app built in under 3 hours. raw. uncut. bugs and all. the stack: → Idea Browser — idea to full PRD in minutes → Mobbin — production grade UI patterns from pre-existing apps → — built full stack with plain english (i specialize in frontend but you can also use superbase) what you'll see: HOUR 1: PRD generation (user flows, features, edge cases) HOUR 2: reference hunting (real apps > dribbble fantasy) HOUR 3: full build (frontend and you can use superbase for backend) this isn't a polished tutorial. it's the actual workflow. live. you'll see where it breaks. you'll see how I fix it. the gap between "idea" and "shipped product" is now 3 hours. watch it. then go build something. like + RT if this changes how your new workflow looks like..

MotionViz

21,716 Aufrufe • vor 7 Monaten

Used Karpathy's LLM Wiki to turn Claude Code into a self-evolving system. Fed it my frontend & CRM sources, and it built a fully updating dashboard with Shadcn packages and constantly improving and linking everything for smarter outputs! Full setup video:
0:25

Used Karpathy's LLM Wiki to turn Claude Code into a self-evolving system. Fed it my frontend & CRM sources, and it built a fully updating dashboard with Shadcn packages and constantly improving and linking everything for smarter outputs! Full setup video:

WorldofAI

133,481 Aufrufe • vor 4 Monaten

1/ Today we're launching Expressive mode in LiveKit Agents. Most voice agents deliver every sentence in that same, upbeat register we all know and hate (including bad news). Expressive mode makes your agent sound like it registers what the caller is actually feeling.
3:29

1/ Today we're launching Expressive mode in LiveKit Agents. Most voice agents deliver every sentence in that same, upbeat register we all know and hate (including bad news). Expressive mode makes your agent sound like it registers what the caller is actually feeling.

LiveKit

212,368 Aufrufe • vor 17 Tagen

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:
2:03

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:

shadcn

392,598 Aufrufe • vor 1 Jahr

Today we introduced Gemini Enterprise, built with our most advanced Gemini models. It allows you to chat with your company’s documents, data and apps as well as build and deploy AI agents, all grounded in your information and context. Have a look at how it helps you build an agent for almost anything:
0:37

Today we introduced Gemini Enterprise, built with our most advanced Gemini models. It allows you to chat with your company’s documents, data and apps as well as build and deploy AI agents, all grounded in your information and context. Have a look at how it helps you build an agent for almost anything:

Sundar Pichai

1,105,854 Aufrufe • vor 10 Monaten

I built Caduceus for Hermes Desktop Nous Research Two snakes, one staff Caduceus runs parallel AI agents in perfect sync, on any model you already have It sizes up every task and picks the path: • Easy → answered instantly • Hard → a live to-do plan + agents fanned out in parallel, verified before it calls it done Caduceus has a UI right inside Hermes so you watch every agent build your project in real time Full demo 👇
2:12

I built Caduceus for Hermes Desktop Nous Research Two snakes, one staff Caduceus runs parallel AI agents in perfect sync, on any model you already have It sizes up every task and picks the path: • Easy → answered instantly • Hard → a live to-do plan + agents fanned out in parallel, verified before it calls it done Caduceus has a UI right inside Hermes so you watch every agent build your project in real time Full demo 👇

Terp

17,006 Aufrufe • vor 2 Monaten

today we're launching the AI agent stack we built that rocketed us to a $3m AI agent consultancy. we're calling it AgentPress, and it allows you to build production grade AI agents in minutes. here's a video of me creating a sales Q&A agent
11:34

today we're launching the AI agent stack we built that rocketed us to a $3m AI agent consultancy. we're calling it AgentPress, and it allows you to build production grade AI agents in minutes. here's a video of me creating a sales Q&A agent

Andy Walters

207,205 Aufrufe • vor 11 Monaten

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code
0:23

Tune your UI transitions directly in Cursor CLI, Codex or Claude Code with the Transitions-dev skill built in It scans your project with your agent, suggests transitions improvements, and applies changes directly to source code

Jakub Antalik

71,366 Aufrufe • vor 1 Monat