📦

tools-ui

Name: tools-ui
Author: inferen-sh

Revisión del contenido r2 Seguro ⚙️ Comandos externos🌐 Acceso a red

Agregar UI de ciclo de vida de herramientas a apps de IA

Las apps de IA necesitan un estado claro para llamadas a herramientas, aprobaciones, resultados y errores. Esta skill proporciona orientación para componentes React y Next.js que muestran ciclos de vida de herramientas visibles.

Compatible con: Claude Codex Code(CC)

🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "tools-ui" from https://skillstore.io/skills/inferen-sh-tools-ui.md and its manifest at https://skillstore.io/api/skills/inferen-sh-tools-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.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/inferen-sh-tools-ui.md Manifest firmado GET /api/skills/inferen-sh-tools-ui/manifest Lockfile firmado GET /api/skills/inferen-sh-tools-ui/lockfile

Pruébalo

Usando "tools-ui". Solicitud: Agregar una visualización de estado visible para una herramienta de búsqueda de agente.

Resultado esperado:

Un plan para una tarjeta de llamada a herramienta con estados en ejecución, éxito y error, además de orientación de ubicación.

Usando "tools-ui". Solicitud: Agregar aprobación antes de que las herramientas envíen mensajes.

Resultado esperado:

Un diseño de aprobación humana con acciones de aprobar y denegar, revisión de argumentos y visualización de resultados después de la ejecución.

Usando "tools-ui". Solicitud: Estandarizar iconos para nombres comunes de herramientas.

Resultado esperado:

Las herramientas de búsqueda usan un icono de búsqueda.
Las herramientas de lectura de archivos usan un icono de archivo.
Las herramientas de mensajes usan un icono de correo.

Auditoría de seguridad

Seguro

v5 • 6/8/2026 Abrir el informe versionado

Most static findings are Markdown fences, inline identifiers, images, or documentation links rather than execution primitives. Unpinned npx commands and a mutable remote component registry create supply-chain exposure. No prompt injection or hidden exfiltration intent was found.

Archivos escaneados

174

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Elementos de revisión de capacidades (4)

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.

Medio

SKILL.md:6

Ruby/shell backtick execution

> **Install the belt CLI skill:** `npx skills add belt-sh/cli`

Line 6 instructs users to run an unpinned npx CLI that installs a skill from another publisher. This executes mutable package code and creates supply-chain exposure.

Medio

SKILL.md:16-18

Ruby/shell backtick execution

```bash

The bash block runs shadcn through npx and downloads component content from a remote registry. Both the latest CLI and registry response are mutable.

Medio

SKILL.md:155-164

Ruby/shell backtick execution

```bash

The bash block contains three npx commands that install skills from mutable repository references. Running them executes an unpinned CLI and changes the local skill set.

Medio

SKILL.md:17

Hardcoded URL

npx shadcn@latest add https://ui.inference.sh/r/tools.json

The URL is passed to shadcn add, causing remote registry content to be downloaded and installed. The mutable response can alter project code.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/inferen-sh-tools-ui/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/inferen-sh-tools-ui/security.svg)](https://skillstore.io/skills/inferen-sh-tools-ui?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/inferen-sh-tools-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inferen-sh-tools-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/inferen-sh-tools-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

inferen-sh. (2026). tools-ui security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inferen-sh-tools-ui/audits/5

Cita BibTeX

@techreport{inferen-sh-inferen-sh-tools-ui-2026,
  author = {inferen-sh},
  title = {tools-ui security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/inferen-sh-tools-ui/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "tools-ui security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "inferen-sh"
date-released: "2026-08-06"
url: "https://skillstore.io/skills/inferen-sh-tools-ui/audits/5"
identifiers:
  - type: other
    value: "skillstore:inferen-sh-tools-ui:audit:5"
    description: "Skillstore immutable audit report identifier"

Comparar variantes

2 variantes instalables

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

Mayor uso en Skillstore

Autor / fuente Puntuación de Skillstore Confianza de la evidencia Uso en Skillstore Actualizado

inference-sh-9 Recomendado

inference-sh-9-tools-ui

Puntuación de Skillstore 78

Confianza de la evidencia Alto

Uso en Skillstore 34

Actualizado

2026-09-09

inferen-sh Actual

inferen-sh-tools-ui

Puntuación de Skillstore 78

Confianza de la evidencia Alto

Uso en Skillstore 8

Actualizado

2026-09-09

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Agregar tarjetas de estado de herramientas

Agrega estados visibles de pendiente, en ejecución, éxito, error y aprobación a una interfaz de chat de IA.

Revisar flujos de aprobación

Diseña pantallas de aprobación claras antes de que las herramientas envíen mensajes, editen archivos o llamen a servicios externos.

Estandarizar visualizaciones de herramientas de agentes

Crea patrones visuales consistentes para argumentos, resultados, iconos y fallos de herramientas en todo un producto de agentes.

Prueba estos prompts

Agregar UI básica de estado de herramientas

Usa la skill tools-ui para agregar una visualización ToolCall para estados pendiente, en ejecución, éxito, error y aprobación en mi app React.

Crear flujo de aprobación

Usa la skill tools-ui para diseñar un flujo ToolApproval para herramientas que envían correos electrónicos, editan archivos o llaman a API externas.

Integrar resultados de herramientas

Usa la skill tools-ui para mostrar tarjetas ToolResult para resultados de búsqueda, lectura de archivos y API en una interfaz de agente Next.js.

Planificar la superficie completa de herramientas del agente

Usa la skill tools-ui para mapear mis herramientas de agente a estados de UI de estado, aprobación, resultado, icono y error.

Mejores prácticas

Requiere aprobación humana para herramientas que envían mensajes, modifican archivos o llaman a servicios de pago.
Muestra el nombre de la herramienta, los argumentos, el estado y el resultado final en una única área consistente.
Revisa la salida de instalación remota antes de confirmar archivos de componentes generados.

Evitar

Ocultar a los usuarios los detalles de ejecución de herramientas cuando las acciones afectan a sistemas externos.
Ejecutar comandos de instalación desde la skill sin comprobar primero el registro remoto.
Usar estilos de éxito antes de que el resultado de la herramienta se reciba y se valide.

Preguntas frecuentes

¿Esta skill ejecuta herramientas por mí?

No. Documenta componentes de UI para mostrar estados del ciclo de vida de herramientas. Tu app sigue controlando la ejecución y los permisos.

¿Puedo usarla con Claude, Codex y Claude Code?

Sí. El contenido de la skill está dirigido a asistentes de codificación de IA compatibles y proyectos React o Next.js.

¿Incluye controles de aprobación?

Sí. Muestra un patrón ToolApproval con manejadores para aprobar y denegar.

¿Proporciona API de backend?

No. Debes proporcionar la ejecución de herramientas, la autorización y el registro de auditoría en tu aplicación.

¿Son obligatorios los comandos de instalación remota?

La documentación usa ejemplos de instalación remota. Revisa el contenido del registro antes de ejecutarlos en un proyecto.

¿Qué estados de UI cubre?

Cubre estados pendiente, en ejecución, aprobación, éxito y error para llamadas a herramientas.

Detalles del desarrollador

Autor

inferen-sh

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/inferen-sh/skills/tree/main/ui/tools-ui/

Ref.

4121de961d1b6f2ffca856260e239505c302452c

Actualidad del mantenimiento

8/8/2026

Uso

6 descargas · 116 vistas

Estructura de archivos

📄 SKILL.md

tools-ui

Instalar con mi Agente

Recursos legibles por agentes

Pruébalo

Auditoría de seguridad

Factores de riesgo

Copiar enlace del informe

Insignia Markdown

Insignia HTML

Tarjeta para insertar

Cita APA

Cita BibTeX

CITATION.cff

Comparar variantes

Puntuación de Skillstore

Lo que puedes crear

Agregar tarjetas de estado de herramientas

Revisar flujos de aprobación

Estandarizar visualizaciones de herramientas de agentes

Prueba estos prompts

Mejores prácticas

Evitar

Preguntas frecuentes

Detalles del desarrollador