building-ai-chat

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 وواجهة مستخدم للمحادثة مع استجابات متدفقة وإدارة السياق ودعم متعدد الوسائط. يُستخدم عند إنشاء واجهات بنمط ChatGPT أو مساعدي الذكاء الاصطناعي أو مساعدي التعليمات البرمجية أو وكلاء المحادثة. يتعامل مع تدفق النص وحدود الرمز المميز والتجديد وحلقات التعليقات وتصور استخدام الأداة وأنماط الخطأ الخاصة بالذكاء الاصطناعي. يوفر مكونات تم اختبارها في المعركة من منتجات الذكاء الاصطناعي الرائدة مع إمكانية الوصول والأداء المدمجين. المصدر: ancoleman/ai-design-components.