building-ai-chat

SKILL.md

Define the emerging standards for AI/human conversational interfaces in the 2024-2025 AI integration boom. This skill leverages meta-knowledge from building WITH Claude to establish definitive patterns for streaming UX, context management, and multi-modal interactions. As the industry lacks established patterns, this provides the reference implementation others will follow.

For complete implementation with streaming markdown, see examples/basic-chat.tsx.

Build user, AI, and system message bubbles with streaming support:

ストリーミング応答、コンテキスト管理、マルチモーダル サポートを備えた AI チャット インターフェイスと会話型 UI を構築します。 ChatGPT スタイルのインターフェイス、AI アシスタント、コード副操縦士、または会話型エージェントを作成するときに使用します。ストリーミング テキスト、トークン制限、再生成、フィードバック ループ、ツール使用状況の視覚化、AI 固有のエラー パターンを処理します。アクセシビリティとパフォーマンスが組み込まれた、主要な AI 製品の実績あるコンポーネントを提供します。 ソース: ancoleman/ai-design-components。

原文を見る