Che cos'è ai-elements?
Libreria di componenti AI Elements per applicazioni native AI. Da utilizzare durante la creazione di chatbot, flussi di lavoro AI o l'integrazione con l'hook useChat di Vercel AI SDK. Fonte: laguagu/claude-code-nextjs-skills.
·ai-elements
</>
ai-elements
✓laguagu/claude-code-nextjs-skillsGitHub: laguagu/claude-code-nextjs-skillsFonte: laguagu/claude-code-nextjs-skills
Libreria di componenti AI Elements per applicazioni native AI. Da utilizzare durante la creazione di chatbot, flussi di lavoro AI o l'integrazione con l'hook useChat di Vercel AI SDK.
Installazione
Come installare ai-elements
Installa rapidamente la skill AI ai-elements nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements
- 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: laguagu/claude-code-nextjs-skills.
SKILL.md
Visualizza raw| 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 |
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements- Categoria
- </>Sviluppo
- Verificato
- ✓
- Prima apparizione
- 2026-02-01
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo ai-elements?
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/laguagu/claude-code-nextjs-skills --skill ai-elements 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/laguagu/claude-code-nextjs-skills
Dettagli
- Categoria
- </>Sviluppo
- Fonte
- skills.sh
- Prima apparizione
- 2026-02-01