ai-elements
✓Bibliothèque de composants AI Elements pour les applications natives d'IA. À utiliser lors de la création de chatbots, de flux de travail d'IA ou de l'intégration avec le hook useChat du SDK Vercel AI.
Installation
SKILL.md
| Conversation | Auto-scroll chat container | | Message | Single message wrapper (user/assistant) | | MessageResponse | Streaming markdown renderer (uses streamdown) | | PromptInput | Rich input with attachments, model picker | | Reasoning | Collapsible thinking display | | Sources | Citation/reference display | | Tool | Tool execution visualization |
| ChainOfThought | Step-by-step breakdown | | InlineCitation | Inline citation badge with hover card carousel | | Plan | Collapsible plan card with streaming title | | Task | Collapsible task breakdown display | | Queue | Todo/message queue with sections |
| Canvas | React Flow wrapper for visual workflows | | Node | Workflow node with header/content/footer | | Edge | Animated/temporary edge connections | | Controls | Zoom/fit view controls | | Panel | Positioned overlay panels | | Context | Token usage tracking display |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ai-elements ?
Bibliothèque de composants AI Elements pour les applications natives d'IA. À utiliser lors de la création de chatbots, de flux de travail d'IA ou de l'intégration avec le hook useChat du SDK Vercel AI. Source : laguagu/claude-code-nextjs-skills.
Comment installer ai-elements ?
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/laguagu/claude-code-nextjs-skills --skill ai-elements 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/laguagu/claude-code-nextjs-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01