ai-elements

Featured

Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.

AI & Automation 2,629 stars 229 forks Updated today LGPL-3.0

Install

View on GitHub

Quality Score: 90/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- Adapted for codexhost from ZCode 872ad960de7ec172591f7e1952f7849229f94521. See ../NOTICE.md for provenance and licenses. --> ## codexhost integration Use these references when the task actually involves AI chat components. Inspect the owning package and its existing UI before installing anything. The examples are copied reference snippets, not build inputs or already-installed product dependencies. Apply root package exports and Renderer browser-safety rules. The upstream Next.js, AI SDK, shadcn and gateway setup guidance is conditional on a project using that stack. codexhost's existing Renderer extension does not become a Next.js app by using this skill. Select commands from the target package's scripts and package manager, reuse existing components where suitable, and add dependencies only when needed for the authorized implementation. <!-- Derived from vercel/ai-elements (skills/ai-elements/SKILL.md). Copyright 2023 Vercel, Inc. Licensed under Apache-2.0. Modified by ZCode: local integration, formatting and adaptations. See ../NOTICE.md for retained license and provenance information. --> # AI Elements [AI Elements](https://www.npmjs.com/package/ai-elements) is a component library and custom registry built on top of [shadcn/ui](https://ui.shadcn.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more. Installing AI Elements is straightforward and can be done in a couple of ways. You can use ...

Details

Author
BytePioneer-AI
Repository
BytePioneer-AI/codex-host
Created
2 months ago
Last Updated
today
Language
TypeScript
License
LGPL-3.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

ai-elements

Build AI chat interfaces with pre-built shadcn-style components (Message, Conversation, PromptInput, Reasoning, Sources, Tool, Artifact, CodeBlock, Branch, Suggestions, Task, Image, ChainOfThought, InlineCitation, WebPreview, and more). Use when adding AI chat UI to a Next.js + AI SDK app, installing AI Elements components via the CLI (`bun x ai-elements@latest add <name>` or `npx shadcn@latest add @ai-elements/<name>`), composing message displays with markdown, building prompt inputs with attachments, or rendering streaming reasoning and tool output.

67 Updated today
laguagu
AI & Automation Solid

ai-app

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot

67 Updated today
laguagu
AI & Automation Solid

nextjs-chatbot

Advanced patterns for production Next.js web chatbots built with AI SDK 6 + ai-elements. Covers tool calling with human-in-the-loop (HITL) approval, PostgreSQL session persistence, GDPR consent gating, SQL-first search, per-tool UI rendering, popup widget embedding, message feedback, follow-up suggestions, scope enforcement, and evals. Use when building a customer support bot, conversational interface, or any web chatbot needing tool approval, database sessions, or custom tool output components. Not a scaffolding tool — use `/ai-app` to scaffold from scratch, `/ai-sdk-6` for general SDK questions, `/ai-elements` for chat UI components, `/vercel:chat-sdk` for multi-platform (Slack/Teams/Discord) bots.

67 Updated today
laguagu