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.
Guide 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.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
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
npx claudepluginhub assistant-ui/skills --plugin assistant-uishadcn/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.