Crear interfaces de agentes con React
Las interfaces de agentes requieren chat en streaming, estados de herramientas, aprobaciones y conexión en tiempo de ejecución. Esta skill ayuda a añadir un componente de agente para React o Next.js con configuración de proxy, herramientas con alcance definido y patrones de UI.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "agent-ui" from https://skillstore.io/skills/inference-sh-agent-ui.md and its manifest at https://skillstore.io/api/skills/inference-sh-agent-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "agent-ui". Crea una UI básica de agente para un panel de Next.js.
Resultado esperado:
Usando "agent-ui". Diseña un agente que rellene un formulario de admisión de soporte.
Resultado esperado:
Usando "agent-ui". Revisa mi UI de agente antes de producción.
Resultado esperado:
Most static findings are false positives caused by Markdown code fences, inline property names, and documentation links. One low-severity supply-chain concern remains because the quick start asks users to fetch a component from a remote registry URL. No prompt injection, secret exfiltration, or malicious intent was found in SKILL.md.
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
https://skillstore.io/skills/inference-sh-agent-ui/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/inference-sh-agent-ui?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/inference-sh-agent-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inference-sh-agent-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/inference-sh-agent-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>inference-sh. (2026). agent-ui security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inference-sh-agent-ui/audits/6@techreport{inference-sh-inference-sh-agent-ui-2026,
author = {inference-sh},
title = {agent-ui security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/inference-sh-agent-ui/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "agent-ui security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "inference-sh"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/inference-sh-agent-ui/audits/6"
identifiers:
- type: other
value: "skillstore:inference-sh-agent-ui:audit:6"
description: "Skillstore immutable audit report identifier"
Cada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.
Por qué esta variante es la primera
inference-sh-9-agent-ui
2026-09-09
inference-sh-agent-ui
2026-09-09
inferen-sh-agent-ui
2026-09-09
Añade una interfaz de asistente en streaming con progreso de herramientas y estados de aprobación dentro de un panel de producto.
Crea una página de agente funcional que conecta una ruta proxy, configuración del modelo y UI en tiempo de ejecución.
Planifica herramientas de navegador que escanean campos de formulario, solicitan aprobación del usuario y rellenan valores mediante la interfaz del agente.
Usa la skill agent-ui para añadir una página básica de agente en Next.js con una ruta proxy y una lista de verificación de variables de entorno.
Usa agent-ui para diseñar una interfaz de agente con estados de aprobación para acciones de herramientas y controles de usuario claros.
Usa agent-ui para planificar un asistente de rellenado de formularios que pueda escanear campos, solicitar aprobación y actualizar valores de forma segura.
Usa agent-ui para revisar mi plan de UI de agente existente en cuanto a seguridad del proxy, gestión de claves de API, cargas y fallos de streaming.
Autor
inference-shLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
0519034dad657fb1f7706e0550e962beeda73fdf
Actualidad del mantenimiento
22/7/2026
Uso
7 descargas · 158 vistas
Estructura de archivos
📄 SKILL.md
Generar imágenes de IA con modelos de inference.sh
Los equipos necesitan acceso rápido a muchos modelos de imagen sin memorizar cada comando de la CLI. Esta skill proporciona prompts listos para generación, edición, escalado y unión de imágenes.
Remove Image Backgrounds with BiRefNet
Removing image backgrounds often requires manual editing or switching tools. This skill routes Claude, Codex, or Claude Code through belt to create transparent PNGs.
Crear recursos para redes sociales con IA
Los equipos de redes sociales necesitan imágenes y textos listos para cada plataforma rápidamente. Esta skill proporciona prompts y flujos de trabajo CLI para videos, imágenes, captions, hashtags y publicaciones reutilizadas.
Crea pipelines de investigación RAG fundamentados
Los equipos necesitan respuestas actualizadas con fuentes, pero la búsqueda web sin procesar es difícil de convertir en prompts fiables. Esta skill muestra flujos de trabajo RAG usando herramientas de búsqueda, extracción y LLM mediante inference.sh.
Automatizar flujos de trabajo de IA
La automatización de IA a menudo necesita scripts repetibles, programación, reintentos y monitoreo. Esta habilidad proporciona patrones de flujo de trabajo para trabajos de inference.sh, pipelines de contenido y procesamiento por lotes.
Ejecutar código Python en un sandbox remoto
Los equipos necesitan una ejecución rápida de Python sin preparar entornos locales. Esta skill ejecuta código mediante inference.sh con bibliotecas para análisis, scraping, medios y automatización.
Crea aplicaciones fullstack con orientación sénior
por alirezarezvani
Los proyectos fullstack suelen necesitar una configuración coherente, decisiones de arquitectura y controles de calidad. Esta skill proporciona scripts y referencias para trabajos con React, Next.js, Node.js, GraphQL y PostgreSQL.
Implementar transiciones de vista en React
por vercel-labs
Las transiciones de vista en React son fáciles de colocar incorrectamente, lo que provoca animaciones silenciosas o ruidosas. Esta skill guía las decisiones de animación de rutas, Suspense, listas y elementos compartidos.
Desarrolla funcionalidades frontend listas para producción
por davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.
Optimizar el rendimiento de Next.js
por Atman36
Las aplicaciones de Next.js pueden volverse lentas por bundles grandes, caché débil y medios sin optimizar. Esta habilidad guía a Claude, Codex y Claude Code a través de mejoras de rendimiento enfocadas para apps de producción.
Optimizar el rendimiento de React y Next.js
por vercel-labs
Las apps de React y Next.js a menudo pierden velocidad por waterfalls, bundles grandes y re-renderizados evitables. Esta skill ofrece a los agentes reglas concretas para realizar cambios más seguros centrados en el rendimiento.
Automatizar la localización de aplicaciones web
por DNYoussef
Añadir soporte multilingüe a menudo dispersa cadenas, enrutamiento, metadatos y archivos de locale por toda la base de código. Esta skill planifica e implementa la configuración de i18n con traducciones, validación y documentación.