# 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

Source: https://skillsagentes.com/skills/skills-101/superpowers/agent-ui
Repository: https://github.com/skills-101/superpowers
Author: skills-101
License: not specified
Updated: hace 3 meses
Context cost: 116 tok installed, 899 tok once triggered, 899 tok with every bundled file
Bundle: 1 file, 4 KB
Permissions requested: none declared

## Install

```bash
npx -y skills add skills-101/superpowers --skill agent-ui --agent claude-code
```

## What it does

- Instala un componente de agente React/Next.js completo desde ui.inference.sh vía shadcn CLI
- Configura una ruta proxy de API en Next.js usando @inferencesh/sdk
- Da runtime, streaming, ciclo de vida de herramientas, aprobaciones y widgets JSON declarativos incluidos
- Permite herramientas client-side que se ejecutan en el navegador, incluyendo llenado de formularios

## Use it when

- Construir interfaces de chat con IA, UIs agénticas, copilotos SaaS o asistentes
- Necesitas un componente agente listo para usar sin lógica de backend propia
- Quieres flujos de aprobación human-in-the-loop integrados
- Necesitas widgets de UI generativa a partir de respuestas del agente

## What triggers it

- "Agrega un componente de agente de IA a mi app Next.js"
- "Necesito una UI de chat con aprobación humana en el flujo"
- "Quiero un agente que pueda llenar formularios desde el navegador"

## Before you install

- Requiere Next.js, instalar el componente vía shadcn CLI, el paquete @inferencesh/sdk y una INFERENCE_API_KEY en .env.local.
- Needs on PATH: npm, npx

## Files

- SKILL.md — 4 KB

## SKILL.md

Not reproduced here. Read it at https://github.com/skills-101/superpowers/blob/main/ui/agent-ui/SKILL.md

---

Skills Agentes — https://skillsagentes.com/skills/skills-101/superpowers/agent-ui