i2y/castella/castella-agent-ui
Claude Code and agent skill by i2y/castella
- community
Checking that the SKILL.md file is still in the repository.
Build chat interfaces and agent management UIs with Castella. Create chat components, display tool calls, manage multiple agents, and build agent hubs.
Install
npx vskill@latest install i2y/castella/castella-agent-uiSKILL.md
Castella Agent UI Components
High-level components for building conversational interfaces and agent management UIs.
When to use: "create a chat UI", "AgentChat", "chat with agent", "display tool calls", "multi-agent chat", "AgentHub", "message history", "MultiAgentChat"
Quick Start (3 Lines)
Create a chat UI connected to an A2A agent:
Installation
AgentChat
High-level chat component with minimal setup:
Parameters
Factory Methods
Chat Components
Build custom chat UIs with lower-level components.
ChatContainer
Complete chat UI (messages + input):
ChatMessage
Display a single message:
ChatInput
Text input with send button:
ChatView
Scrollable message list:
ChatMessageData
Message data structure:
Tool Call Visualization
ToolCallView
Display a single tool call:
ToolHistoryPanel
Display history of tool calls:
Agent Card Display
AgentCardView
Show agent information:
AgentListView
Display multiple agents:
MultiAgentChat
Tabbed interface for multiple agents:
Each agent gets its own chat tab with independent message history.
AgentHub
Agent discovery and management dashboard:
Or initialize with agents:
Features:
- Left panel: List of agents with add/remove
- Right panel: Chat with selected agent
- URL input to add new agents at runtime
Scroll Position Pattern
Important pattern for chat UIs - set scroll before adding message:
Lazy State Attachment
For components created before App exists (like AgentHub):
Message Markdown Support
Messages support Markdown formatting:
Best Practices
- Use ScrollState without attaching for chat scroll
- Set scroll position before adding new messages
- Use Markdown for rich message content
- Handle loading states for async responses
- Use ListState.append() for new messages
- Use lazy state attachment for hub-style components
Reference
references/components.md- Component API referencereferences/data_classes.md- ChatMessageData, ToolCallData typesscripts/- Executable examples (simple_chat.py, multi_agent.py, agent_hub.py)
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/castella-agent-ui/SKILL.md
Popularity
- Repository stars
- 42
- Repository forks
- 1
- 7-day trend score
- 19
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/i2y/castella/castella-agent-ui)