将 AI 代理的运行过程实时流式推送至前端界面

ag-ui

ag-ui 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 TerminalSkills/skills，★ 196。将 AI 代理的运行过程实时流式推送至前端界面。适合前端开发者、AI 应用构建者。场景是设计与视觉 · Figma/UI。能做的事包括实时推送消息、工具调用与状态变更、统一接入 LangGraph/CrewAI 等主流框架、开箱支持 React 和 CopilotKit UI。打开 GitHub 自行安装。

打开 GitHub

仓库: TerminalSkills/skills
仓库星标: ★ 196
场景: 设计与视觉 · Figma/UI
适合: 前端开发者、AI 应用构建者
类型: Skill

能做什么

实时推送消息、工具调用与状态变更
统一接入 LangGraph/CrewAI 等主流框架
开箱支持 React 和 CopilotKit UI

原文简介

AG-UI (Agent-User Interaction Protocol) is an open, event-based protocol that streams an AI agent's text, tool calls, state and lifecycle events to a frontend over HTTP and Server-Sent Events. Use when the user wants to build an AG-UI server, connect an agent or framework (LangGraph, Mastra, CrewAI, Pydantic AI) to a React or custom UI, stream agent progress and state, or use CopilotKit with AG-UI

同场景推荐

frontend-design所在仓库 anthropics/skills，仓库 ★ 190,432打造不落俗套的专属UI视觉方案，拒绝模板化默认样式。
web-artifacts-builder所在仓库 anthropics/skills，仓库 ★ 190,432用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
frontend-ui-engineering所在仓库 addyosmani/agent-skills，仓库 ★ 114,402构建符合设计系统、无障碍、响应式的生产级前端界面
apple-hig所在仓库 nexu-io/open-design，仓库 ★ 106,772生成符合苹果人机界面规范的跨平台设计文档与组件说明
artifacts-builder所在仓库 nexu-io/open-design，仓库 ★ 106,772生成带交互组件的 Claude HTML 产物，含 React、Tailwind 和 shadcn/ui
industrial-brutalist-ui所在仓库 nexu-io/open-design，仓库 ★ 106,772构建数据密集型仪表盘，呈现解密蓝图般的机械终端界面
frontend-design所在仓库 bytedance/deer-flow，仓库 ★ 85,186生成高审美、可直接运行的前端界面，输出 index.html
web-design-guidelines所在仓库 bytedance/deer-flow，仓库 ★ 85,186自动检查网页代码是否符合最新 Web 界面设计规范