building-ai-chat
✓Crée des interfaces de chat IA et une interface utilisateur conversationnelle avec des réponses en continu, une gestion du contexte et une prise en charge multimodale. À utiliser lors de la création d'interfaces de style ChatGPT, d'assistants IA, de copilotes de code ou d'agents conversationnels. Gère le texte en streaming, les limites des jetons, la régénération, les boucles de rétroaction, la visualisation de l'utilisation des outils et les modèles d'erreur spécifiques à l'IA. Fournit des composants testés au combat des principaux produits d'IA avec accessibilité et performances intégrées.
Installation
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:
Crée des interfaces de chat IA et une interface utilisateur conversationnelle avec des réponses en continu, une gestion du contexte et une prise en charge multimodale. À utiliser lors de la création d'interfaces de style ChatGPT, d'assistants IA, de copilotes de code ou d'agents conversationnels. Gère le texte en streaming, les limites des jetons, la régénération, les boucles de rétroaction, la visualisation de l'utilisation des outils et les modèles d'erreur spécifiques à l'IA. Fournit des composants testés au combat des principaux produits d'IA avec accessibilité et performances intégrées. Source : ancoleman/ai-design-components.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que building-ai-chat ?
Crée des interfaces de chat IA et une interface utilisateur conversationnelle avec des réponses en continu, une gestion du contexte et une prise en charge multimodale. À utiliser lors de la création d'interfaces de style ChatGPT, d'assistants IA, de copilotes de code ou d'agents conversationnels. Gère le texte en streaming, les limites des jetons, la régénération, les boucles de rétroaction, la visualisation de l'utilisation des outils et les modèles d'erreur spécifiques à l'IA. Fournit des composants testés au combat des principaux produits d'IA avec accessibilité et performances intégrées. Source : ancoleman/ai-design-components.
Comment installer building-ai-chat ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ancoleman/ai-design-components --skill building-ai-chat Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/ancoleman/ai-design-components
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01