← Back to Skills Marketplace
Tools Ui
by
Ömer Karışman
· GitHub ↗
· v0.1.5
1915
Downloads
0
Stars
16
Active Installs
2
Versions
Install in OpenClaw
/install tools-ui
Description
Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool st...
Usage Guidance
This is an instructional UI recipe and appears coherent. Before using it: (1) review the remote resource fetched by npx (https://ui.inference.sh/r/tools.json) — npx will download and run code at install time; (2) verify any proxyUrl or backend endpoints you wire into the Agent are trusted and require appropriate auth (the UI will display tool args/results, which could include sensitive data like file paths or tokens if upstream tools return them); (3) pin versions and audit dependencies when adding recommended related skills; and (4) do not run the npx command in sensitive/production environments until you have inspected the package contents and confirmed trust.
Capability Analysis
Type: OpenClaw Skill
Name: tools-ui
Version: 0.1.5
The `SKILL.md` file contains `npx` commands (`npx shadcn@latest add ...` and `npx skills add ...`) that instruct a developer to fetch and execute remote resources from `https://ui.inference.sh` and `inference-sh/skills`. While these commands are presented as developer setup steps for UI components and appear benign in their immediate intent, they represent a supply chain risk by fetching and executing external code/configuration. This constitutes a 'risky capability' due to network access and local execution, even without clear evidence of intentional malicious behavior like data exfiltration or backdoors.
Capability Assessment
Purpose & Capability
Name/description (Tool UI components for React/Next.js) match the SKILL.md content: imports, examples, and configuration for rendering tool calls, approvals, progress, and results. There are no unrelated credentials, binaries, or config paths requested.
Instruction Scope
The instructions are narrowly scoped to front-end usage and examples. They show usage of components and an Agent config (including a proxyUrl and a model ref). Examples pass arguments such as file paths (e.g., args: { path: '/src/index.ts' }); the skill itself does not instruct the agent to read files or secrets, but the UI will display whatever tool args/results are supplied — so rendering could surface sensitive data if upstream tools provide it. The doc does not instruct reading agent system files or environment variables.
Install Mechanism
There is no formal install spec in the registry, but the Quick Start suggests running an npx command that fetches a remote JSON from https://ui.inference.sh. Fetching remote packages via npx is common for front-end scaffolding, but it does run code downloaded at install-time — review the remote resource before executing. The URL appears to belong to the same project referenced in the docs; it is not an obfuscated or shortener link.
Credentials
The skill declares no required environment variables, credentials, or config paths. The SKILL.md references proxyUrl and a core_app model ref but does not ask for API keys; that is appropriate for a UI component library. Users integrating the Agent will need to supply backend credentials themselves — which is outside this skill's scope.
Persistence & Privilege
always is false and the skill is user-invocable. As an instruction-only UI recipe it requests no persistent presence or cross-skill configuration.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install tools-ui - After installation, invoke the skill by name or use
/tools-ui - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.5
- Added initial SKILL.md with detailed documentation for tool lifecycle UI components for React/Next.js.
- Includes usage instructions, supported states (pending, running, approval, success, error), and code examples for ToolCall, ToolResult, and ToolApproval components.
- Describes automatic icon chooser, tool card styling, and integration with Agent component for automated tool workflows.
- Lists related skills and links to further documentation and resources.
v0.1.0
- Initial release with core UI components for displaying tool lifecycles in React/Next.js.
- Supports states: pending, running, approval required, success, and error.
- Includes ToolCall, ToolResult, and ToolApproval components for displaying calls, results, and approval flows.
- Automatic icon assignment based on tool name patterns.
- Example integrations provided for agent workflows and customization.
- Links to related skills and documentation included for extended usage and configuration.
Metadata
Frequently Asked Questions
What is Tools Ui?
Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool st... It is an AI Agent Skill for Claude Code / OpenClaw, with 1915 downloads so far.
How do I install Tools Ui?
Run "/install tools-ui" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Tools Ui free?
Yes, Tools Ui is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Tools Ui support?
Tools Ui is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Tools Ui?
It is built and maintained by Ömer Karışman (@okaris); the current version is v0.1.5.
More Skills