·ai-elements-chatbot
*

ai-elements-chatbot

Questa competenza fornisce componenti dell'interfaccia utente della chat AI pronti per la produzione basati su shadcn/ui per interfacce AI conversazionali. Da utilizzare durante la creazione di interfacce di chat in stile ChatGPT con risposte in streaming, visualizzazioni di chiamate di strumenti/funzioni, visualizzazione di ragionamenti o citazioni di fonti. Fornisce oltre 30 componenti tra cui messaggi, conversazioni, risposte, CodeBlock, ragionamenti, strumenti, azioni, fonti ottimizzate per Vercel AI SDK v5. Previene gli errori di configurazione comuni con Next.js App Router, Tailwind v4, integrazione shadcn/ui, migrazione AI SDK v5, modelli di composizione dei componenti, compatibilità del browser per l'input vocale, problemi di progettazione reattiva e ottimizzazione dello streaming. Parole chiave: elementi ai, vercel-ai-sdk, shadcn, chatbot, conversazione-ai, streaming-ui, interfaccia chat, ai-chat, componenti messaggio, conversazione-ui, chiamata strumento, visualizzazione ragionamento, citazioni sorgente, streaming markdown, chiamata funzione, risposte ai, input rapido, evidenziazione codice, anteprima web, navigazione ramo, visualizzazione pensiero, stile perplessità, claude-artefatti

53Installazioni·2Tendenza·@jackspace

Installazione

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

Come installare ai-elements-chatbot

Installa rapidamente la skill AI ai-elements-chatbot nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jackspace/claudeskillz.

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:

Questa competenza fornisce componenti dell'interfaccia utente della chat AI pronti per la produzione basati su shadcn/ui per interfacce AI conversazionali. Da utilizzare durante la creazione di interfacce di chat in stile ChatGPT con risposte in streaming, visualizzazioni di chiamate di strumenti/funzioni, visualizzazione di ragionamenti o citazioni di fonti. Fornisce oltre 30 componenti tra cui messaggi, conversazioni, risposte, CodeBlock, ragionamenti, strumenti, azioni, fonti ottimizzate per Vercel AI SDK v5. Previene gli errori di configurazione comuni con Next.js App Router, Tailwind v4, integrazione shadcn/ui, migrazione AI SDK v5, modelli di composizione dei componenti, compatibilità del browser per l'input vocale, problemi di progettazione reattiva e ottimizzazione dello streaming. Parole chiave: elementi ai, vercel-ai-sdk, shadcn, chatbot, conversazione-ai, streaming-ui, interfaccia chat, ai-chat, componenti messaggio, conversazione-ui, chiamata strumento, visualizzazione ragionamento, citazioni sorgente, streaming markdown, chiamata funzione, risposte ai, input rapido, evidenziazione codice, anteprima web, navigazione ramo, visualizzazione pensiero, stile perplessità, claude-artefatti Fonte: jackspace/claudeskillz.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from jackspace/claudeskillz

Risposte rapide

Che cos'è ai-elements-chatbot?

Questa competenza fornisce componenti dell'interfaccia utente della chat AI pronti per la produzione basati su shadcn/ui per interfacce AI conversazionali. Da utilizzare durante la creazione di interfacce di chat in stile ChatGPT con risposte in streaming, visualizzazioni di chiamate di strumenti/funzioni, visualizzazione di ragionamenti o citazioni di fonti. Fornisce oltre 30 componenti tra cui messaggi, conversazioni, risposte, CodeBlock, ragionamenti, strumenti, azioni, fonti ottimizzate per Vercel AI SDK v5. Previene gli errori di configurazione comuni con Next.js App Router, Tailwind v4, integrazione shadcn/ui, migrazione AI SDK v5, modelli di composizione dei componenti, compatibilità del browser per l'input vocale, problemi di progettazione reattiva e ottimizzazione dello streaming. Parole chiave: elementi ai, vercel-ai-sdk, shadcn, chatbot, conversazione-ai, streaming-ui, interfaccia chat, ai-chat, componenti messaggio, conversazione-ui, chiamata strumento, visualizzazione ragionamento, citazioni sorgente, streaming markdown, chiamata funzione, risposte ai, input rapido, evidenziazione codice, anteprima web, navigazione ramo, visualizzazione pensiero, stile perplessità, claude-artefatti Fonte: jackspace/claudeskillz.

Come installo ai-elements-chatbot?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jackspace/claudeskillz