Agent skill · design visual · aiskillstore
chat-ui
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat interfaces, message lists, input handling, streaming. Use for: building custom chat UIs, messaging interfaces, AI assistants. Triggers: chat ui, chat component, message list, chat input, shadcn chat, react chat, chat interface, messaging ui, conversation ui, chat building blocks
Why this skill is useful
Provides specific React/Next.js components for building chat UIs that streamline development and are not widely known.
What it needs
Requires shadcn installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Chat UI Components Chat building blocks from ui.inference.sh. Quick Start Components Chat Container Messages Chat Input Typing Indicator Full Example Message Variants Role Description ------ ------------- user User messages (right-aligned) assistant AI responses (left-aligned) system System messages (centered) Styling Components use Tailwind CSS and shadcn/ui design tokens: Related Skills Documentation Chatting with Agents - Building chat interfaces Agent UX Patterns - Chat UX best practices Real-Time Streaming - Streaming responses Component docs: ui.inference.sh/blocks/chat
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/chat-ui