📦

widgets-ui

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

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス

React で JSON ウィジェットをレンダリングする

エージェントの出力には、プレーンテキストではなくインタラクティブな UI が必要になることがよくあります。このスキルでは、構造化されたウィジェット定義を React および Next.js コンポーネントとしてレンダリングする方法を示します。

対応: Claude Codex Code(CC)

🥉 77 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/inference-sh-9-widgets-ui.md 署名済み manifest GET /api/skills/inference-sh-9-widgets-ui/manifest 署名済み lockfile GET /api/skills/inference-sh-9-widgets-ui/lockfile

テストする

「widgets-ui」を使用しています。サポートエージェントが顧客情報を収集するための問い合わせフォームを必要としています。

期待される結果:

名前、メール、メッセージのフィールドに加え、ホストアプリ用の submit アクションを含むフォームウィジェット計画。

「widgets-ui」を使用しています。旅行アシスタントがフライト概要を表示する必要があります。

期待される結果:

出発、到着、ルートアイコン、ステータスラベル、読みやすい余白を備えたコンパクトなカードレイアウト。

「widgets-ui」を使用しています。製品アシスタントが選択可能なプランオプションを必要としています。

期待される結果:

ラベル、select オプション、確認テキスト、アクションコールバックを備えたインタラクティブなウィジェット計画。

セキュリティ監査

安全

v6 • 2026/7/9 バージョン別レポートを開く

Most static findings are false positives caused by Markdown fences, inline labels, and documentation links. The real concerns are install examples that ask users to run npx commands and fetch remote registry content. No prompt injection, data exfiltration intent, or hidden malicious instruction was found in SKILL.md.

スキャンされたファイル

173

解析済み行数

レビュー項目

誤検知を無視

機能レビュー項目 (3)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

中

SKILL.md:14-16

Ruby/shell backtick execution

```bash

The fenced Quick Start block contains an npx shadcn command that fetches a registry from ui.inference.sh and modifies a project. That is a real supply-chain risk if users run it without review.

中

SKILL.md:155-164

Ruby/shell backtick execution

```bash

The related-skills block contains npx skills add commands that install additional community skills. This is legitimate guidance, but it still asks users to execute external installation commands.

中

SKILL.md:15

Hardcoded URL

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

The URL is used inside an install command that downloads remote widget registry content. This creates a network supply-chain dependency, not only a passive documentation link.

リスク要因

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/inference-sh-9-widgets-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). widgets-ui security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inference-sh-9-widgets-ui/audits/6

BibTeX形式の引用

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

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高

作者 / ソース Skillstore スコア証拠の信頼度 Skillstore 利用状況更新済み

inference-sh-9 推奨現在

inference-sh-9-widgets-ui

Skillstore スコア 77

証拠の信頼度高

Skillstore 利用状況 37

更新済み

2026-09-09

inferen-sh

inferen-sh-widgets-ui

Skillstore スコア 69

証拠の信頼度高

Skillstore 利用状況 9

更新済み

2026-09-09

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

エージェントフォームを構築する

問い合わせ、受付、ワークフロータスク向けに、構造化されたレスポンスからインタラクティブなフォームを作成します。

リッチなエージェント結果を表示する

旅行、サポート、製品データ向けに、カード、バッジ、画像、レイアウトをレンダリングします。

生成 UI をプロトタイプする

カスタムコンポーネント設計に着手する前に、JSON 駆動のインターフェースパターンをテストします。

これらのプロンプトを試す

基本的なウィジェットをレンダリングする

widgets-ui を使用して、タイトル、本文テキスト、1 つのアクションボタンを表示するシンプルな React ウィジェットを作成してください。

フォームウィジェットを作成する

widgets-ui を使用して、名前、メール、メッセージ、submit アクション処理を備えた問い合わせフォームウィジェットを設計してください。

データカードを設計する

widgets-ui を使用して、出発、到着、ステータス、アイコン、補足テキストを含むフライト詳細カードを作成してください。

エージェントアクションを統合する

widgets-ui を使用して、エージェント生成ウィジェットがフォームデータ付きの click コールバックと submit コールバックをトリガーする React 統合を計画してください。

ベストプラクティス

プロジェクトに追加する前に、リモートレジストリコンテンツを確認してください。
送信されたすべてのフォームデータをサーバーで検証してください。
ウィジェットスキーマは小さく、明示的で、確認しやすい状態に保ってください。

回避

検証なしにエージェント生成のフォーム値を信頼しないでください。
未確認のソースから install コマンドを実行しないでください。
認証や認可の代替としてウィジェットを使用しないでください。

よくある質問

このスキルは何の構築に役立ちますか？

構造化された JSON ウィジェット定義を React および Next.js のユーザーインターフェースとしてレンダリングするのに役立ちます。

バックエンドロジックは含まれていますか？

いいえ。フロントエンドのレンダリング、ウィジェット構造、アクション処理パターンに重点を置いています。

フォームをレンダリングできますか？

はい。例には inputs、textareas、checkboxes、selects、submit アクションが含まれています。

install コマンドにリスクはありませんか？

いいえ。このコマンドはリモートレジストリコンテンツをダウンロードするため、使用前にユーザーが内容を確認する必要があります。

このスキルを使用できるツールはどれですか？

レポートには Claude、Codex、Claude Code のサポートが記載されています。

リッチカードを表示できますか？

はい。カード、行、列、バッジ、アイコン、画像、キャプション、グラデーションについて文書化しています。

開発者情報

作成者

inference-sh-9

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

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

参照

0519034dad657fb1f7706e0550e962beeda73fdf

メンテナンスの新しさ

2026/7/24

利用状況

3 ダウンロード · 111 閲覧

ファイル構成

📄 SKILL.md