streaming by assistant-ui/skills
npx skills add https://github.com/assistant-ui/skills --skill streaming请始终查阅 assistant-ui.com/llms.txt 以获取最新的 API 信息。
assistant-stream 包负责处理来自 AI 后端的流式传输。
使用 Vercel AI SDK 吗?
├─ 是 → 使用 toUIMessageStreamResponse()(无需 assistant-stream)
└─ 否 → 为自定义后端使用 assistant-stream
npm install assistant-stream
import { createAssistantStreamResponse } from "assistant-stream";
export async function POST(req: Request) {
return createAssistantStreamResponse(async (stream) => {
stream.appendText("Hello ");
stream.appendText("world!");
// 工具调用示例
const tool = stream.addToolCallPart({ toolCallId: "1", toolName: "get_weather" });
tool.argsText.append('{"city":"NYC"}');
tool.argsText.close();
tool.setResponse({ result: { temperature: 22 } });
stream.close();
});
}
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
useLocalRuntime 期望 ChatModelRunResult 数据块。生成内容部分以进行流式传输:
import { useLocalRuntime } from "@assistant-ui/react";
const runtime = useLocalRuntime({
model: {
async *run({ messages, abortSignal }) {
const response = await fetch("/api/chat", {
method: "POST",
body: JSON.stringify({ messages }),
signal: abortSignal,
});
const reader = response.body?.getReader();
const decoder = new TextDecoder();
let buffer = "";
while (reader) {
const { done, value } = await reader.read();
if (done) break;
buffer += decoder.decode(value, { stream: true });
const parts = buffer.split("\n");
buffer = parts.pop() ?? "";
for (const chunk of parts.filter(Boolean)) {
yield { content: [{ type: "text", text: chunk }] };
}
}
},
},
});
import { AssistantStream, DataStreamDecoder } from "assistant-stream";
const stream = AssistantStream.fromResponse(response, new DataStreamDecoder());
for await (const event of stream) {
console.log("Event:", JSON.stringify(event, null, 2));
}
part-start,附带 part.type = "text" | "reasoning" | "tool-call" | "source" | "file"text-delta,附带流式文本result,附带工具结果step-start, step-finish, message-finisherror 字符串流未更新 UI
text/event-stream工具调用未渲染
addToolCallPart 需要同时提供 toolCallId 和 toolNamemakeAssistantToolUI 注册工具 UI部分文本未显示
text-delta 事件进行流式传输每周安装量
509
代码仓库
GitHub 星标数
7
首次出现
2026年1月21日
安全审计
安装于
codex418
opencode409
gemini-cli401
github-copilot390
amp340
kimi-cli337
Always consultassistant-ui.com/llms.txt for latest API.
The assistant-stream package handles streaming from AI backends.
Using Vercel AI SDK?
├─ Yes → toUIMessageStreamResponse() (no assistant-stream needed)
└─ No → assistant-stream for custom backends
npm install assistant-stream
import { createAssistantStreamResponse } from "assistant-stream";
export async function POST(req: Request) {
return createAssistantStreamResponse(async (stream) => {
stream.appendText("Hello ");
stream.appendText("world!");
// Tool call example
const tool = stream.addToolCallPart({ toolCallId: "1", toolName: "get_weather" });
tool.argsText.append('{"city":"NYC"}');
tool.argsText.close();
tool.setResponse({ result: { temperature: 22 } });
stream.close();
});
}
useLocalRuntime expects ChatModelRunResult chunks. Yield content parts for streaming:
import { useLocalRuntime } from "@assistant-ui/react";
const runtime = useLocalRuntime({
model: {
async *run({ messages, abortSignal }) {
const response = await fetch("/api/chat", {
method: "POST",
body: JSON.stringify({ messages }),
signal: abortSignal,
});
const reader = response.body?.getReader();
const decoder = new TextDecoder();
let buffer = "";
while (reader) {
const { done, value } = await reader.read();
if (done) break;
buffer += decoder.decode(value, { stream: true });
const parts = buffer.split("\n");
buffer = parts.pop() ?? "";
for (const chunk of parts.filter(Boolean)) {
yield { content: [{ type: "text", text: chunk }] };
}
}
},
},
});
import { AssistantStream, DataStreamDecoder } from "assistant-stream";
const stream = AssistantStream.fromResponse(response, new DataStreamDecoder());
for await (const event of stream) {
console.log("Event:", JSON.stringify(event, null, 2));
}
part-start with part.type = "text" | "reasoning" | "tool-call" | "source" | "file"text-delta with streamed textresult with tool resultsstep-start, step-finish, message-finisherror stringsStream not updating UI
text/event-streamTool calls not rendering
addToolCallPart needs both toolCallId and toolNamemakeAssistantToolUIPartial text not showing
text-delta events for streamingWeekly Installs
509
Repository
GitHub Stars
7
First Seen
Jan 21, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex418
opencode409
gemini-cli401
github-copilot390
amp340
kimi-cli337
agent-browser 浏览器自动化工具 - Vercel Labs 命令行网页操作与测试
136,300 周安装