Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By assistant-ui
Build and customize AI chat interfaces in React/Next.js apps using assistant-ui library. Scaffold projects via CLI with templates, customize UI primitives and state with hooks, add multi-thread management and cloud persistence with auth, integrate LLM tools and streaming backends, and migrate packages to latest versions.
npx claudepluginhub assistant-ui/skills --plugin assistant-uiGuide for assistant-ui library - AI chat UI components. Use when asking about architecture, debugging, or understanding the codebase.
Guide for assistant-cloud persistence and authorization. Use when setting up thread persistence, file uploads, or authentication.
Guide for assistant-ui UI primitives - ThreadPrimitive, ComposerPrimitive, MessagePrimitive. Use when customizing chat UI components.
Guide for assistant-ui runtime system and state management. Use when working with runtimes, accessing state, or managing thread/message data.
Setup and configure assistant-ui in a project. Use when installing packages, configuring runtimes, setting up chat UI, or troubleshooting setup issues.
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
shadcn/ui AI chat components for conversational interfaces. Use for streaming chat, tool/function displays, reasoning visualization, or encountering Next.js App Router setup, Tailwind v4 integration, AI SDK v5 migration errors.
Build agents that speak your UI
AI agent skills for CopilotKit — setup, develop, integrate, debug, upgrade, and contribute to CopilotKit projects
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n<example>\nContext: Building a new user interface\nuser: "Create a dashboard for displaying user analytics"\nassistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n<commentary>\nComplex UI components require frontend expertise for proper implementation and performance.\n</commentary>\n</example>\n\n<example>\nContext: Fixing UI/UX issues\nuser: "The mobile navigation is broken on small screens"\nassistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n<commentary>\nResponsive design issues require deep understanding of CSS and mobile-first development.\n</commentary>\n</example>\n\n<example>\nContext: Optimizing frontend performance\nuser: "Our app feels sluggish when loading large datasets"\nassistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."\n<commentary>\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n</commentary>\n</example>
Design superpowers for Claude Code — 35 skills that teach your agent to ideate, research, generate, iterate, and ship beautiful UIs using Google Stitch MCP.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Agent skills for building AI chat interfaces with assistant-ui.
npx skills add assistant-ui/skills
| Skill | Description |
|---|---|
/assistant-ui | Main guide - architecture, packages, patterns |
/setup | Project setup and configuration (AI SDK, LangGraph, custom backends) |
/primitives | UI component primitives (Thread, Composer, Message, etc.) |
/runtime | Runtime system and state management |
/tools | Tool registration and tool UI |
/streaming | Streaming protocol and backends |
/cloud | Cloud persistence and authentication |
/thread-list | Multi-thread management |
/update | Update assistant-ui and AI SDK to latest versions |
After installation, use skills in Claude Code by typing / followed by the skill name:
/assistant-ui # Get architecture overview
/setup # Setup a new project (AI SDK, LangGraph, etc.)
/primitives # Customize UI components
/runtime # Work with state and runtimes
/tools # Implement LLM tools
/streaming # Handle streaming responses
/cloud # Persistence and auth
/thread-list # Multi-thread management
/update # Update assistant-ui and AI SDK versions
MIT