📦

tools-ui

Name: tools-ui
Author: inference-sh-9

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

Tool-Lebenszyklus-UI zu Agent-Apps hinzufügen

Agent-Anwendungen benötigen klare Anzeigen für Tool-Status, Genehmigungen und Ergebnisse. Dieser Skill bietet React- und Next.js-Komponentenleitlinien für diese Workflows.

Unterstützt: Claude Codex Code(CC)

🥉 78 Bronze

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "tools-ui" from https://skillstore.io/skills/inference-sh-9-tools-ui.md and its manifest at https://skillstore.io/api/skills/inference-sh-9-tools-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/inference-sh-9-tools-ui.md Signiertes manifest GET /api/skills/inference-sh-9-tools-ui/manifest Signiertes lockfile GET /api/skills/inference-sh-9-tools-ui/lockfile

Testen

„tools-ui“ wird verwendet. Ein Benutzer bittet darum, ein Websuche-Tool anzuzeigen, während es ausgeführt wird.

Erwartetes Ergebnis:

Eine kompakte Tool-Karte erscheint mit einem Such-Icon, dem Tool-Namen, sichtbaren Argumenten und einer Statusanzeige für die laufende Ausführung.

„tools-ui“ wird verwendet. Ein Benutzer bittet darum, vor dem Senden eines E-Mail-Tool-Aufrufs eine Genehmigung hinzuzufügen.

Erwartetes Ergebnis:

Die Oberfläche zeigt den Namen des E-Mail-Tools, Empfänger- und Betreffdetails sowie Genehmigen- und Ablehnen-Aktionen an.

„tools-ui“ wird verwendet. Ein Benutzer bittet darum, erfolgreiche Tool-Ergebnisse im Agent-Transkript anzuzeigen.

Erwartetes Ergebnis:

Der Ergebnisbereich zeigt den Namen des abgeschlossenen Tools, den Erfolgsstatus und eine lesbare Zusammenfassung der zurückgegebenen Daten an.

Sicherheitsaudit

Sicher

v6 • 9.7.2026 Versionsbericht öffnen

Most static findings are markdown fences, inline code formatting, or documentation links, not executable code. The real issues are unpinned npx install instructions, a remote shadcn registry URL, and a remotely hosted image asset.

Gescannte Dateien

171

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Elemente der Fähigkeitsprüfung (4)

Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.

Mittel

SKILL.md:14-16

Ruby/shell backtick execution

```bash

The markdown bash block instructs users to run npx shadcn@latest add against a remote registry URL. This is a real supply-chain install risk, even though the skill itself does not execute code.

Mittel

SKILL.md:153-162

Ruby/shell backtick execution

```bash

The related-skills bash block instructs users to run npx skills add for remote skill references. These optional commands execute external tooling and should be pinned or documented with trust guidance.

Mittel

SKILL.md:15

Hardcoded URL

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

The URL is used by an npx shadcn install command to fetch remote registry content. The domain is consistent with the skill, but remote installation is a meaningful supply-chain risk.

Niedrig

SKILL.md:10

Hardcoded URL

![Tool UI Components](https://cloud.inference.sh/app/files/u/4mg21r6ta37mpaz6ktzwtt8krr/01kgjw8atdxg

The markdown image embeds a remote cloud.inference.sh asset that may be fetched by renderers. This is a low privacy and availability risk rather than malicious behavior.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

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

Markdown-Badge

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

HTML-Badge

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

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/inference-sh-9-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>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

BibTeX-Zitat

@techreport{inference-sh-9-inference-sh-9-tools-ui-2026,
  author = {inference-sh-9},
  title = {tools-ui security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/inference-sh-9-tools-ui/audits/6},
  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 6)"
version: "unspecified"
type: report
authors:
  - name: "inference-sh-9"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/inference-sh-9-tools-ui/audits/6"
identifiers:
  - type: other
    value: "skillstore:inference-sh-9-tools-ui:audit:6"
    description: "Skillstore immutable audit report identifier"

Varianten vergleichen

2 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höhere Skillstore-Nutzung

Autor / Quelle Skillstore-Score Evidenzvertrauen Skillstore-Nutzung Aktualisiert

inference-sh-9 Empfohlen Aktuell

inference-sh-9-tools-ui

Skillstore-Score 78

Evidenzvertrauen Hoch

Skillstore-Nutzung 34

Aktualisiert

2026-09-09

inferen-sh

inferen-sh-tools-ui

Skillstore-Score 78

Evidenzvertrauen Hoch

Skillstore-Nutzung 8

Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Status-Panels für Agent-Tools

Zeige ausstehende, laufende, erfolgreiche und fehlerhafte Zustände für Agent-Tool-Aufrufe in einer React-Oberfläche an.

Workflows für menschliche Genehmigung

Füge Genehmigen- und Ablehnen-Steuerelemente hinzu, bevor sensible Tools in einer Agent-Anwendung ausgeführt werden.

Präsentation von Tool-Ergebnissen

Rendere strukturierte Tool-Ausgaben in einer konsistenten Oberfläche für Operatoren und Endbenutzer.

Diese Prompts ausprobieren

Die Komponenten installieren

Füge die Tools-UI-Komponenten zu meinem React- oder Next.js-Projekt hinzu. Erkläre alle Installationsschritte, bevor du Dateien änderst.

Tool-Zustände rendern

Verwende die Tool-UI-Komponenten, um ausstehende, laufende, erfolgreiche und fehlerhafte Zustände für meine Agent-Tool-Aufrufe anzuzeigen.

Genehmigungssteuerungen hinzufügen

Erstelle eine Tool-Genehmigungsansicht, die Tool-Argumente anzeigt und meine Genehmigen- oder Ablehnen-Handler aufruft.

Mit einem Agent integrieren

Verbinde die Agent-Komponente mit meiner Tool-Liste und zeige Genehmigungsschranken nur für Tools an, die als sensibel markiert sind.

Bewährte Praktiken

Überprüfe Inhalte aus Remote-Registries, bevor du Installationsbefehle in Produktionsprojekten ausführst.
Verlange eine Genehmigung für Tools, die Nachrichten senden, Dateien schreiben, Daten löschen oder kostenpflichtige Dienste aufrufen.
Halte Tool-Argumente ausreichend sichtbar, damit Benutzer fundierte Genehmigungsentscheidungen treffen können.

Vermeiden

Verstecke keine Tool-Argumente, wenn Benutzer sensible Aktionen genehmigen sollen.
Behandle UI-Genehmigungen nicht als Ersatz für serverseitige Autorisierungsprüfungen.
Installiere keine Remote-Komponenten-Registries, ohne deren Inhalte und Versionsquellen zu prüfen.

Häufig gestellte Fragen

Was hilft dieser Skill zu erstellen?

Er hilft beim Erstellen von React- und Next.js-Oberflächen für Agent-Tool-Aufrufe, Genehmigungen, Statusanzeigen und Ergebnisse.

Enthält er ausführbaren Komponentencode?

Nein. Der Skill bietet Dokumentation und Installationsleitlinien für Komponenten, die von ui.inference.sh gehostet werden.

Welche Tools können diesen Skill verwenden?

Der Bericht listet Unterstützung für Claude, Codex und Claude Code auf.

Übernimmt er die Genehmigungslogik für mich?

Er zeigt UI-Muster für Genehmigungsabläufe. Deine Anwendung muss das Genehmigen- und Ablehnen-Verhalten implementieren.

Kann ich ihn ohne Next.js verwenden?

Die Beispiele richten sich an React- und Next.js-Projekte. Andere React-Setups benötigen möglicherweise Anpassungen an Pfaden und Build.

Was sollte ich vor der Installation prüfen?

Prüfe die Remote-Registry-Inhalte, Paketversionen und alle zugehörigen Skills, bevor du npx-Befehle ausführst.

Entwicklerdetails

Autor

inference-sh-9

Lizenz

MIT

Skillstore-Revision

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

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

Ref.

0519034dad657fb1f7706e0550e962beeda73fdf

Aktualität der Wartung

18.7.2026

Nutzung

3 Downloads · 146 Aufrufe

Dateistruktur

📄 SKILL.md

tools-ui

Mit meinem Agent installieren

Agent-lesbare Ressourcen

Testen

Sicherheitsaudit

Risikofaktoren

Berichtslink kopieren

Markdown-Badge

HTML-Badge

Einbettungskarte

APA-Zitat

BibTeX-Zitat

CITATION.cff

Varianten vergleichen

Skillstore-Score

Was Sie erstellen können

Status-Panels für Agent-Tools

Workflows für menschliche Genehmigung

Präsentation von Tool-Ergebnissen

Diese Prompts ausprobieren

Bewährte Praktiken

Vermeiden

Häufig gestellte Fragen

Entwicklerdetails