·ai-elements

AI Elements component library for AI-native applications. Use when building chatbots, AI workflows, or integrating with Vercel AI SDK's useChat hook.

13Installs·0Trend·@laguagu

Installation

$npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements

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 |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is ai-elements?

AI Elements component library for AI-native applications. Use when building chatbots, AI workflows, or integrating with Vercel AI SDK's useChat hook. Source: laguagu/claude-code-nextjs-skills.

How do I install ai-elements?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/laguagu/claude-code-nextjs-skills