·ai-elements-chatbot
*

ai-elements-chatbot

jackspace/claudeskillz

Cette compétence fournit des composants d'interface utilisateur de chat IA prêts pour la production, basés sur shadcn/ui pour les interfaces d'IA conversationnelles. À utiliser lors de la création d'interfaces de discussion de style ChatGPT avec des réponses en streaming, des affichages d'appels d'outils/fonctions, une visualisation de raisonnement ou des citations de sources. Fournit plus de 30 composants, notamment Message, Conversation, Réponse, CodeBlock, Raisonnement, Outil, Actions, Sources optimisés pour Vercel AI SDK v5. Empêche les erreurs de configuration courantes avec Next.js App Router, Tailwind v4, l'intégration shadcn/ui, la migration AI SDK v5, les modèles de composition de composants, la compatibilité du navigateur de saisie vocale, les problèmes de conception réactive et l'optimisation du streaming. Mots-clés : éléments ai, vercel-ai-sdk, shadcn, chatbot, ai conversationnel, streaming-ui, interface de chat, ai-chat, composants de message, conversation-ui, appel d'outil, affichage de raisonnement, citations de source, streaming de démarques, appel de fonction, réponses ai, saisie rapide, mise en évidence de code, aperçu Web, navigation dans les branches, affichage de la pensée, style perplexité, artefacts de Claude

34Installations·2Tendance·@jackspace

Installation

$npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot

SKILL.md

Status: Production Ready Last Updated: 2025-11-07 Dependencies: tailwind-v4-shadcn (prerequisite), ai-sdk-ui (companion), nextjs (framework) Latest Versions: ai-elements@1.6.0, ai@5.0+, next@15+, react@19+

Before installing AI Elements, ensure these are already set up:

Missing prerequisites? Use the tailwind-v4-shadcn skill first, then install AI SDK:

Cette compétence fournit des composants d'interface utilisateur de chat IA prêts pour la production, basés sur shadcn/ui pour les interfaces d'IA conversationnelles. À utiliser lors de la création d'interfaces de discussion de style ChatGPT avec des réponses en streaming, des affichages d'appels d'outils/fonctions, une visualisation de raisonnement ou des citations de sources. Fournit plus de 30 composants, notamment Message, Conversation, Réponse, CodeBlock, Raisonnement, Outil, Actions, Sources optimisés pour Vercel AI SDK v5. Empêche les erreurs de configuration courantes avec Next.js App Router, Tailwind v4, l'intégration shadcn/ui, la migration AI SDK v5, les modèles de composition de composants, la compatibilité du navigateur de saisie vocale, les problèmes de conception réactive et l'optimisation du streaming. Mots-clés : éléments ai, vercel-ai-sdk, shadcn, chatbot, ai conversationnel, streaming-ui, interface de chat, ai-chat, composants de message, conversation-ui, appel d'outil, affichage de raisonnement, citations de source, streaming de démarques, appel de fonction, réponses ai, saisie rapide, mise en évidence de code, aperçu Web, navigation dans les branches, affichage de la pensée, style perplexité, artefacts de Claude Source : jackspace/claudeskillz.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ai-elements-chatbot ?

Cette compétence fournit des composants d'interface utilisateur de chat IA prêts pour la production, basés sur shadcn/ui pour les interfaces d'IA conversationnelles. À utiliser lors de la création d'interfaces de discussion de style ChatGPT avec des réponses en streaming, des affichages d'appels d'outils/fonctions, une visualisation de raisonnement ou des citations de sources. Fournit plus de 30 composants, notamment Message, Conversation, Réponse, CodeBlock, Raisonnement, Outil, Actions, Sources optimisés pour Vercel AI SDK v5. Empêche les erreurs de configuration courantes avec Next.js App Router, Tailwind v4, l'intégration shadcn/ui, la migration AI SDK v5, les modèles de composition de composants, la compatibilité du navigateur de saisie vocale, les problèmes de conception réactive et l'optimisation du streaming. Mots-clés : éléments ai, vercel-ai-sdk, shadcn, chatbot, ai conversationnel, streaming-ui, interface de chat, ai-chat, composants de message, conversation-ui, appel d'outil, affichage de raisonnement, citations de source, streaming de démarques, appel de fonction, réponses ai, saisie rapide, mise en évidence de code, aperçu Web, navigation dans les branches, affichage de la pensée, style perplexité, artefacts de Claude Source : jackspace/claudeskillz.

Comment installer ai-elements-chatbot ?

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/jackspace/claudeskillz --skill ai-elements-chatbot 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/jackspace/claudeskillz