ai-elements

Original：🇺🇸 English

Translated

Install AI UI components from the Elements registry. Use when user needs chat interfaces, agentic UIs (tool calls, reasoning, plans), multi-agent dashboards, or AI devtools. Triggers on "AI component", "chat UI", "agent UI", "tool call component", "streaming text", "agentic", "multi-agent", "AI SDK", "chat input", "message bubble", "thinking indicator".

2installs

Sourcecrafter-station/elements

Added on2026-03-17

NPX Install

npx skill4agent add crafter-station/elements ai-elements

SKILL.md Content

View Translation Comparison →

AI Elements

35 AI UI components across 4 subcategories. Built for Vercel AI SDK patterns.

Install Pattern

bash

npx shadcn@latest add @elements/ai-{name}

Chat (11 components)

Conversational UI primitives.

Component	Install
Chat (full)	`@elements/ai-chat`
Chat Input	`@elements/ai-chat-input`
Message Bubble	`@elements/ai-message-bubble`
Messages	`@elements/ai-messages`
Model Selector	`@elements/ai-model-selector`
Response Actions	`@elements/ai-response-actions`
Streaming Text	`@elements/ai-streaming-text`
Suggested Actions	`@elements/ai-suggested-actions`
Temperature Slider	`@elements/ai-temperature-slider`
Thinking Indicator	`@elements/ai-thinking-indicator`
Token Counter	`@elements/ai-token-counter`

Agentic (8 components)

Tool use, reasoning, and planning UI.

Component	Install
Artifact	`@elements/ai-artifact`
Chain of Thought	`@elements/ai-chain-of-thought`
Confirmation	`@elements/ai-confirmation`
Plan	`@elements/ai-plan`
Reasoning	`@elements/ai-reasoning`
Sources	`@elements/ai-sources`
Task List	`@elements/ai-task-list`
Tool Call	`@elements/ai-tool-call`

Multi-Agent (8 components)

Agent orchestration and monitoring.

Component	Install
Agent Context	`@elements/ai-agent-context`
Agent Roster	`@elements/ai-agent-roster`
Agent Status	`@elements/ai-agent-status`
Guardrails	`@elements/ai-guardrails`
Handoff Chain	`@elements/ai-handoff-chain`
Memory Viewer	`@elements/ai-memory-viewer`
Pipeline	`@elements/ai-pipeline`
Routing Indicator	`@elements/ai-routing-indicator`

Devtools (8 components)

AI debugging and inspection.

Component	Install
Conversation Tree	`@elements/ai-conversation-tree`
Latency Meter	`@elements/ai-latency-meter`
Model Info	`@elements/ai-model-info`
Prompt Diff	`@elements/ai-prompt-diff`
Request Inspector	`@elements/ai-request-inspector`
Stream Debugger	`@elements/ai-stream-debugger`
Token Viewer	`@elements/ai-token-viewer`
Tool Inspector	`@elements/ai-tool-inspector`

Quick Patterns