ai-elements-chatbot
✓Dieser Skill stellt produktionsbereite KI-Chat-UI-Komponenten bereit, die auf shadcn/ui für Konversations-KI-Schnittstellen basieren. Verwenden Sie diese Option, wenn Sie Chat-Schnittstellen im ChatGPT-Stil mit Streaming-Antworten, Tool-/Funktionsaufrufanzeigen, Argumentationsvisualisierungen oder Quellenangaben erstellen. Bietet mehr als 30 Komponenten, darunter Nachricht, Konversation, Antwort, CodeBlock, Argumentation, Tool, Aktionen und Quellen, optimiert für Vercel AI SDK v5. Verhindert häufige Einrichtungsfehler mit Next.js App Router, Tailwind v4, Shadcn/UI-Integration, AI SDK v5-Migration, Komponentenkompositionsmustern, Spracheingabe-Browserkompatibilität, Responsive-Design-Problemen und Streaming-Optimierung. Schlüsselwörter: KI-Elemente, Vercel-AI-SDK, Shadcn, Chatbot, Konversations-KI, Streaming-UI, Chat-Schnittstelle, KI-Chat, Nachrichtenkomponenten, Konversations-UI, Tool-Aufruf, Begründungsanzeige, Quellenzitate, Markdown-Streaming, Funktionsaufruf, KI-Antworten, Eingabeaufforderung, Code-Hervorhebung, Webvorschau, Zweignavigation, Denkanzeige, Ratlosigkeitsstil, Claude-Artefakte
Installation
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:
Dieser Skill stellt produktionsbereite KI-Chat-UI-Komponenten bereit, die auf shadcn/ui für Konversations-KI-Schnittstellen basieren. Verwenden Sie diese Option, wenn Sie Chat-Schnittstellen im ChatGPT-Stil mit Streaming-Antworten, Tool-/Funktionsaufrufanzeigen, Argumentationsvisualisierungen oder Quellenangaben erstellen. Bietet mehr als 30 Komponenten, darunter Nachricht, Konversation, Antwort, CodeBlock, Argumentation, Tool, Aktionen und Quellen, optimiert für Vercel AI SDK v5. Verhindert häufige Einrichtungsfehler mit Next.js App Router, Tailwind v4, Shadcn/UI-Integration, AI SDK v5-Migration, Komponentenkompositionsmustern, Spracheingabe-Browserkompatibilität, Responsive-Design-Problemen und Streaming-Optimierung. Schlüsselwörter: KI-Elemente, Vercel-AI-SDK, Shadcn, Chatbot, Konversations-KI, Streaming-UI, Chat-Schnittstelle, KI-Chat, Nachrichtenkomponenten, Konversations-UI, Tool-Aufruf, Begründungsanzeige, Quellenzitate, Markdown-Streaming, Funktionsaufruf, KI-Antworten, Eingabeaufforderung, Code-Hervorhebung, Webvorschau, Zweignavigation, Denkanzeige, Ratlosigkeitsstil, Claude-Artefakte Quelle: jackspace/claudeskillz.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot- Quelle
- jackspace/claudeskillz
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ai-elements-chatbot?
Dieser Skill stellt produktionsbereite KI-Chat-UI-Komponenten bereit, die auf shadcn/ui für Konversations-KI-Schnittstellen basieren. Verwenden Sie diese Option, wenn Sie Chat-Schnittstellen im ChatGPT-Stil mit Streaming-Antworten, Tool-/Funktionsaufrufanzeigen, Argumentationsvisualisierungen oder Quellenangaben erstellen. Bietet mehr als 30 Komponenten, darunter Nachricht, Konversation, Antwort, CodeBlock, Argumentation, Tool, Aktionen und Quellen, optimiert für Vercel AI SDK v5. Verhindert häufige Einrichtungsfehler mit Next.js App Router, Tailwind v4, Shadcn/UI-Integration, AI SDK v5-Migration, Komponentenkompositionsmustern, Spracheingabe-Browserkompatibilität, Responsive-Design-Problemen und Streaming-Optimierung. Schlüsselwörter: KI-Elemente, Vercel-AI-SDK, Shadcn, Chatbot, Konversations-KI, Streaming-UI, Chat-Schnittstelle, KI-Chat, Nachrichtenkomponenten, Konversations-UI, Tool-Aufruf, Begründungsanzeige, Quellenzitate, Markdown-Streaming, Funktionsaufruf, KI-Antworten, Eingabeaufforderung, Code-Hervorhebung, Webvorschau, Zweignavigation, Denkanzeige, Ratlosigkeitsstil, Claude-Artefakte Quelle: jackspace/claudeskillz.
Wie installiere ich ai-elements-chatbot?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/jackspace/claudeskillz
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01