活动学习路径展示排行榜

通过构建真实项目学习 AI。从入门到专家，一次一个挑战。

平台

挑战
学习路径
展示

社区

GitHub
项目

法律

隐私政策
服务条款

© 2026 AI In Action. 保留所有权利。

AI 聊天界面 | AI In Action

挑战AI 聊天界面

官方入门AI 智能体与自动化

3-5 hours

AI 聊天界面

构建一个精美的 AI 对话聊天界面，支持流式响应显示、消息历史、对话管理、代码块渲染和 Markdown 支持。

0 个赞1 次 Fork0 条评论

chatstreaminguillm

目标

创建带用户和 AI 消息气泡的聊天界面
实现流式响应显示（逐 token 展示）
渲染 Markdown 和带语法高亮的代码块
管理多个对话及其历史记录
添加复制、重试和编辑消息的操作

提示

使用 Vercel AI SDK 进行流式集成
使用 react-markdown 渲染 AI 响应
将对话存储在本地存储或数据库中

资源

sdk.vercel.ai/docs

评论 (0)

后发表评论。

暂无评论。成为第一个评论的人！