← Back to list

agent-studio-chat
by ShouxinZhang
⭐ 0🍴 0📅 Jan 21, 2026
SKILL.md
name: agent-studio-chat description: Work on Agent Studio chat (UI + streaming) and the /api/chat route. Use for tasks like message rendering, reasoning display, editing/regenerate, Zustand chat stores, model/settings UI, and OpenRouter or Vercel AI SDK integration. 聊天功能开发/排障:流式输出、Reasoning 展示、消息编辑与重新生成、模型与参数设置。
Agent Studio Chat
Follow the data flow
- Start from
src/components/features/chat/hooks/useChatLogic.ts(Vercel AI SDKuseChat+DefaultChatTransport). - Server route is
src/app/api/chat/route.ts(OpenRouter provider +streamText). - UI entry is
src/components/features/chat/ChatInterface.tsx(Virtuoso list +ChatInput).
Know the state layers
- Conversation persistence:
src/lib/store/useChatStore.ts - UI-only transient state (editing/copy):
src/lib/store/useChatUIStore.ts - Model + sampling + system instructions:
src/lib/store/useSettingsStore.tsandsrc/components/features/settings/SettingsPanel.tsx
Make safe changes
- Preserve
UIMessage.partswhen needed (reasoning parts may carry provider metadata; seesrc/app/api/chat/route.ts). - Prefer adding new transient UI flags to
useChatUIStoreto avoid prop drilling. - Keep feature code under
src/components/features/chat/and reusesrc/components/ui/*primitives.
Score
Total Score
50/100
Based on repository quality metrics
✓SKILL.md
SKILL.mdファイルが含まれている
+20
○LICENSE
ライセンスが設定されている
0/10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
○最近の活動
3ヶ月以内に更新がある
0/10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
○タグ
1つ以上のタグが設定されている
0/5
Reviews
💬
Reviews coming soon