📦
agent-ui
78构建 React Agent 界面
团队需要 Agent 聊天界面，而不必重新构建流式传输、审批和工具展示。此技能指导在 React 和 Next.js 中设置 inference.sh Agent 组件。
编码与开发 查看
技能 tools-ui
📦
tools-ui
内容修订 r1 安全 ⚙️ 外部命令🌐 网络访问
为 Agent 应用添加工具生命周期 UI
Agent 应用需要清晰显示工具状态、审批和结果。此技能为这些工作流提供 React 和 Next.js 组件指导。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
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.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“tools-ui”。 用户要求在 web search 工具运行时显示它。
预期结果:
会显示一个紧凑的工具卡片，包含搜索图标、工具名称、可见参数和 running 状态指示器。
正在使用“tools-ui”。 用户要求在发送 email 工具调用之前添加审批。
预期结果:
界面会显示 email 工具名称、收件人和主题详情，以及 approve 和 deny 操作。
正在使用“tools-ui”。 用户要求在 agent transcript 中显示成功的工具结果。
预期结果:
结果区域会显示已完成的工具名称、success 状态，以及返回数据的可读摘要。
安全审计
安全v6 • 2026/7/9 打开版本化报告
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.
1
已扫描文件
171
分析行数
4
复核项
0
已忽略误报
能力复核项 (4)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
中
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.
中
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.
中
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.
低
Hardcoded URL
SKILL.md:14-16 SKILL.md:16-22 SKILL.md:22-23 SKILL.md:23-24 SKILL.md:24-25 SKILL.md:25-26 SKILL.md:26-32 SKILL.md:32-40 SKILL.md:40-44 SKILL.md:44-52 SKILL.md:52-56 SKILL.md:56-65 SKILL.md:65-69 SKILL.md:69-102 SKILL.md:102-106 SKILL.md:106-113 SKILL.md:113-121 SKILL.md:121 SKILL.md:122 SKILL.md:123 SKILL.md:124 SKILL.md:125 SKILL.md:132-149 SKILL.md:149-153 SKILL.md:153-162
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/inference-sh-9-tools-ui/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/inference-sh-9-tools-ui?utm_source=security_passport_badge)HTML 徽章
<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>嵌入卡片
<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>学术引用 (APA · BibTeX · CFF)
APA 引用
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/6BibTeX 引用
@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"
比较变体
2 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
Skillstore 使用量更高
作者 / 来源 Skillstore 评分 证据置信度 Skillstore 使用量 已更新
inference-sh-9-tools-ui
Skillstore 评分 78
证据置信度 高
Skillstore 使用量 35
已更新
2026-09-09
Skillstore 评分
评分依据 证据置信度: 高 55
架构
85
可维护性
87
内容
69
社区
83
规范符合性
你能构建什么
Agent 工具状态面板
在 React 界面中显示 agent 工具调用的 pending、running、success 和 error 状态。
人工审批工作流
在 agent 应用中，在敏感工具执行前添加 approve 和 deny 控件。
工具结果呈现
在一致的界面中为操作员和最终用户渲染结构化工具输出。
试试这些提示
安装组件
将工具 UI 组件添加到我的 React 或 Next.js 项目中。在更改文件之前说明所有安装步骤。
渲染工具状态
使用工具 UI 组件为我的 agent 工具调用显示 pending、running、success 和 error 状态。
添加审批控件
构建一个工具审批视图，显示工具参数并调用我的 approve 或 deny 处理程序。
与 Agent 集成
将 Agent 组件连接到我的工具列表，并仅为标记为敏感的工具显示审批关卡。
最佳实践
- 在生产项目中运行安装命令之前，先审查远程 registry 内容。
- 对于发送消息、写入文件、删除数据或调用付费服务的工具，需要审批。
- 保持工具参数足够可见，使用户能够做出知情的审批决定。
避免
- 在要求用户审批敏感操作时，不要隐藏工具参数。
- 不要将 UI 审批视为服务端授权检查的替代方案。
- 不要在未审查其内容和版本来源的情况下安装远程组件 registry。
常见问题
此技能能帮助构建什么？
它帮助为 agent 工具调用、审批、状态和结果构建 React 和 Next.js 界面。
它是否包含可执行的组件代码？
不能。此技能提供文档，以及针对 ui.inference.sh 托管组件的安装指导。
哪些工具可以使用此技能？
报告列出支持 Claude、Codex 和 Claude Code。
它会替我处理审批逻辑吗？
它展示审批流程的 UI 模式。你的应用程序必须实现 approve 和 deny 行为。
没有 Next.js 也可以使用它吗？
示例面向 React 和 Next.js 项目。其他 React 设置可能需要调整路径和构建配置。
安装前应该审查什么？
在运行 npx 命令之前，请审查远程 registry 内容、包版本以及任何相关技能。
开发者详情
许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
0519034dad657fb1f7706e0550e962beeda73fdf
维护新鲜度
2026/7/18
使用量
3 次下载 · 146 次浏览
文件结构
📄 SKILL.md
inference-sh-9 的更多技能
查看全部📦
widgets-ui
77在 React 中渲染 JSON Widgets
Agent 输出通常需要交互式 UI，而不是纯文本。此技能展示如何将结构化 widget 定义渲染为 React 和 Next.js 组件。
设计与创意 查看
📦
chat-ui
69构建 React 聊天界面
团队需要与现代 React 应用相匹配的聊天界面。此技能提供 shadcn 风格的组件和模式，用于消息、输入框、头像和流式状态。
编码与开发 查看
📦
prompt-engineering
38改进用于文本、图像和视频的 AI 提示词
当提示词含糊或结构不佳时，AI 结果通常会失败。此技能为 LLM、图像和视频提示词提供可复用的模式。
效率 查看
📦
competitor-teardown
38使用结构化拆解分析竞争对手
竞争研究常常分散在笔记、截图、定价页面和评论网站中。此技能提供可重复使用的拆解框架、对比模板和研究工作流，帮助做出清晰的战略决策。
研究与学习 查看
📦
python-executor
38在托管沙盒中运行 Python 代码
Python 任务通常需要库和隔离执行。此技能通过 inference.sh 运行 Python，并提供用于数据、媒体、抓取和自动化的工具。
编码与开发 查看
相关技能
查看全部📦
senior-fullstack
82在资深指导下构建全栈应用
由 alirezarezvani
全栈项目通常需要一致的设置、架构选择和质量检查。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 工作提供脚本与参考资料。
编码与开发 查看
📦
vercel-react-view-transitions
82实现 React View Transitions
由 vercel-labs
React 视图过渡很容易放错位置，从而导致无提示或嘈杂的动画。此技能可指导路由、Suspense、列表和共享元素动画的选择。
编码与开发 查看
📦
senior-frontend
81构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
编码与开发 查看
📦
nextjs-optimization
80优化 Next.js 性能
由 Atman36
Next.js 应用可能会因为大型 bundle、薄弱的缓存和未优化的媒体而变慢。此技能会指导 Claude、Codex 和 Claude Code 对生产应用进行有针对性的性能改进。
编码与开发 查看
📦
vercel-react-best-practices
80优化 React 和 Next.js 性能
由 vercel-labs
React 和 Next.js 应用常常会因为瀑布式请求、大型包体以及可避免的重复渲染而变慢。此技能为代理提供具体规则，以便更安全地进行以性能为重点的改动。
编码与开发 查看
📦
i18n-automation
80自动化 Web 应用本地化
由 DNYoussef
添加多语言支持通常会让字符串、路由、元数据和语言环境文件散落在整个代码库中。此技能会规划并实现 i18n 设置，包括翻译、验证和文档。
编码与开发 查看