Загрузка видео...

Не удалось загрузить видео

На главную

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes...

40,748 просмотров • 25 дней назад •via X (Twitter)

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

86,515 просмотров • 2 месяцев назад

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

457,604 просмотров • 2 месяцев назад

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 просмотров • 1 месяц назад

🙌HERE WE GO - 8 minutes of our vision in plain sight! Three years of bootstrapping, hard work, and a dream come true, all to get our project to a place where you can see that we are building something incredible. Our game is finally ready for our crowdfunding campaign!! 🔮 Operation Safe Place Defense is more than just a game – it’s a mission. Enter a world torn apart by The Ripping, where dimensions collide and heroes rise to defend the innocent. Battle through the In-Between, face off against powerful forces, and experience a story like never before. 💥 🔥 Key Features: ☑️Tactical tower defense with customizable turrets 🔧 ☑️Epic boss fights with dynamic AI 🎮 ☑️Fully Conversational AI NPCs that react to your choices and shape the story 💬 ☑️Third-Person and RTS modes for total control over your gameplay 👾 ☑️A world driven by The Ripping and the conflict within The In-Between ⚔️ ☑️NFTs that unlock exclusive in-game rewards 🎁 ☑️Single-player and Multiplayer modes for personalized or team-based experiences 🎮 ☑️Cross-platform MMO to play with friends across all devices 🌍 ☑️MOBA mode for intense, competitive battles and strategy 🏆 ☑️Blockchain-powered rewards and in-game assets for true ownership 🔗 ☑️Disruptive AI-driven game mechanics that adapt to player strategies 🧠 ☑️Real-time procedural world generation that makes every playthrough unique 🌍 ☑️Augmented reality integration for an immersive experience beyond the screen 📱 💥 JUMP INTO OUR PLEDGE SITE! 💥 We’re launching our Pledge Store, and YOU have the chance to help bring Operation Safe Place Defense to life. Your support unlocks epic rewards, exclusive NFTs, and helps us fight back against the dark forces invading our world through The Ripping and The In-Between. 🌍 💬 Watch the video, explore the features, and pledge today! Let’s make history — together. 💥 LOVE YOU!!

ᴜɴᴄʟᴇ ꜰᴜɴᴋ | OSP/Citadel

14,660 просмотров • 1 год назад

New course: MCP: Build Rich-Context AI Apps with Anthropic. Learn to build AI apps that access tools, data, and prompts using the Model Context Protocol in this short course, created in partnership with Anthropic Anthropic and taught by Elie Schoppik Elie Schoppik, its Head of Technical Education. Connecting AI applications to external systems that bring rich context to LLM-based applications has often meant writing custom integrations for each use case. MCP is an open protocol that standardizes how LLMs access tools, data, and prompts from external sources, and simplifies how you provide context to your LLM-based applications. For example, you can provide context via third-party tools that let your LLM make API calls to search the web, access data from local docs, retrieve code from a GitHub repo, and so on. MCP, developed by Anthropic, is based on a client-server architecture that defines the communication details between an MCP client, hosted inside the AI application, and an MCP server that exposes tools, resources, and prompt templates. The server can be a subprocess launched by the client that runs locally or an independent process running remotely. In this hands-on course, you'll learn the core architecture behind MCP. You’ll create an MCP-compatible chatbot, build and deploy an MCP server, and connect the chatbot to your MCP server and other open-source servers. Here’s what you’ll do: - Understand why MCP makes AI development less fragmented and standardizes connections between AI applications and external data sources - Learn the core components of the client-server architecture of MCP and the underlying communication mechanism - Build a chatbot with custom tools for searching academic papers, and transform it into an MCP-compatible application - Build a local MCP server that exposes tools, resources, and prompt templates using FastMCP, and test it using MCP Inspector - Create an MCP client inside your chatbot to dynamically connect to your server - Connect your chatbot to reference servers built by Anthropic’s MCP team, such as filesystem, which implements filesystem operations, and fetch, which extracts contents from the web as markdown - Configure Claude Desktop to connect to your server and others, and explore how it abstracts away the low-level logic of MCP clients - Deploy your MCP server remotely and test it with the Inspector or other MCP-compatible applications - Learn about the roadmap for future MCP development, such as multi-agent architecture, MCP registry API, server discovery, authorization, and authentication MCP is an exciting and important technology that lets you build rich-context AI applications that connect to a growing ecosystem of MCP servers, with minimal integration work. Please sign up here!

Andrew Ng

142,010 просмотров • 1 год назад

$VET, #VeFam. In this video, I demonstrate in less than 4:30 minutes how to create an AI agent on veworld(.)ai. Watch me build a Mr. Robot Monologue Writer agent. If you haven't seen Mr. Robot, I suggest you watch it! This is just early bird access. The options for tools and integrations and such are limited, but what exists is already working quite well. The process is easy peasy. The UI is simple, but effective. It asks you for... 1. Role & Purpose 2. Voice & Style 3. Behavior 4. Rules 5. Tags 6. Avatar image 7. Welcome text. 8. Test drive before publication. ... and that's about it. This free version lets you have at most 3 agents, I am told. This implies that there is also a paid version. I'm all for it, because it sounds to me like VeChain is ready to do real business! I am providing feedback to Jérôme Grillères in order to help improve VeChain's AI agent marketplace. I didn't have to set up anything. The web UI is all I needed! The agent is running on Claude Sonnet 3.7. I did not have to provide a Claude API key. We seem to be riding along on VeChain's. I hope there'll be a choice for more models, including ChatGPT, in the future. This is so user friendly, that I can easily imagine that this would take off in a big, big way. I'm definitely building on this, when it goes into production with full features. Even if my own AI agents aren't successful, then I'm sure others' will be. And that means the $VET / $VTHO / $B3TR flywheel is going to take off in a big, big way. I, for one, am here for it. (See the reply below for the listing of the AI agent I just created.)

₿lackthorne AI

16,562 просмотров • 1 месяц назад