Agent skill · design visual · aiskillstore
agent-ui
Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtime, tools, streaming, approvals, and widgets built in. Capabilities: drop-in agent, human-in-the-loop, client-side tools, form filling. Use for: building AI chat interfaces, agentic UIs, SaaS copilots, assistants. Triggers: agent component, agent ui, chat agent, shadcn agent, react agent, agentic ui, ai assistant ui, copilot ui, inference ui, human in the loop
Why this skill is useful
Provides a comprehensive agent component for React/Next.js that includes specific runtime features and client-side tools not commonly found in standard libraries.
What it needs
Requires @inferencesh/sdk, shadcn installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Agent Component Batteries-included agent component from ui.inference.sh. Quick Start Setup 1. API Proxy Route (Next.js) 2. Environment Variable 3. Use the Component Features Feature Description --------- ------------- Runtime included No backend logic needed Tool lifecycle Pending, progress, approval, results Human-in-the-loop Built-in approval flows Widgets Declarative JSON UI from agent responses Streaming Real-time token streaming Client-side tools Tools that run in the browser Client-Side Tools Example Props Prop Type Description ------ ------ ------------- proxyUrl string API proxy endpoint name string Agent name (optional) config AgentConfig Agent configuration allowFiles boolean Enable file uploads allowImages boolean Enable image uploads Related Skills Documentation Agents Overview - Building AI agents Agent SDK - Programmatic agent control Human-in-the-Loop - Approval flows Agents That Generate UI - Building generative UIs Agent UX Patterns - Best practices Component docs: ui.inference.sh/blocks/agent
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/agent-ui--ef7932