📦
elevenlabs-tts
78ElevenLabsのボイスオーバーを作成
自然なナレーションの制作では、音声、モデル、形式オプションにわたる手動設定が必要になることがよくあります。このスキルは、Claude、Codex、Claude Code が inference.sh CLI を通じて ElevenLabs TTS を実行するのを支援します。
コミュニケーション 表示
スキル chat-ui
📦
chat-ui
コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス
Reactチャットインターフェイスを構築
チームには、モダンなReactアプリケーションと一貫した使い心地のチャットインターフェイスが必要です。このスキルは、React、Next.js、shadcn-styleプロジェクト向けに再利用可能なチャットコンポーネントパターンを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "chat-ui" from https://skillstore.io/skills/inferen-sh-chat-ui.md and its manifest at https://skillstore.io/api/skills/inferen-sh-chat-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「chat-ui」を使用しています。 Next.jsアプリ向けに基本的なサポートチャット画面を作成してください。
期待される結果:
メッセージコンテナ、ユーザーとアシスタントのメッセージ、読み込み中の無効状態、送信用入力を備えたReactチャットレイアウト。
「chat-ui」を使用しています。 まだ生成中のアシスタント応答に対するフィードバックを追加してください。
期待される結果:
最新のユーザーメッセージを表示し、タイピングインジケーターを表示し、読み込み中の重複送信を防ぐチャットフロー。
「chat-ui」を使用しています。 アシスタントメッセージを異なるスタイルにする方法を説明してください。
期待される結果:
ロールベースの配置を維持しながら、アシスタントメッセージの背景にプロジェクトのデザイントークンを適用するためのガイダンス。
セキュリティ監査
安全v6 • 2026/7/9 バージョン別レポートを開く
Most static findings are false positives from Markdown fences, inline code formatting, React examples, and documentation links. The remaining confirmed risks are user-invoked install commands that fetch external component or skill content, so users should review remote sources before running them.
1
スキャンされたファイル
141
解析済み行数
3
レビュー項目
0
誤検知を無視
機能レビュー項目 (3)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
中
Ruby/shell backtick execution
```bash
Lines 14-17 contain a bash quick-start example that runs npx and fetches a remote shadcn registry URL. This is user-invoked, but it still introduces external command and supply-chain risk.
中
Ruby/shell backtick execution
```bash
Lines 122-131 contain bash examples that run npx skills add for related packages. These are user-invoked install commands and can fetch external skill content.
低
Hardcoded URL
npx shadcn@latest add https://ui.inference.sh/r/chat.json
The URL is passed to npx shadcn as a remote component registry source. This network dependency is expected, but users should review fetched code before installation.
リスク要因
⚙️ 外部コマンド (18)
🌐 ネットワークアクセス (7)
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/inferen-sh-chat-ui/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/inferen-sh-chat-ui?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/inferen-sh-chat-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inferen-sh-chat-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/inferen-sh-chat-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形式の引用
inferen-sh. (2026). chat-ui security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inferen-sh-chat-ui/audits/6BibTeX形式の引用
@techreport{inferen-sh-inferen-sh-chat-ui-2026,
author = {inferen-sh},
title = {chat-ui security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/inferen-sh-chat-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: "chat-ui security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "inferen-sh"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/inferen-sh-chat-ui/audits/6"
identifiers:
- type: other
value: "skillstore:inferen-sh-chat-ui:audit:6"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 2 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
AIアシスタントをプロトタイプ化する
初期の製品テスト向けに、メッセージバブル、入力処理、読み込みフィードバックを備えたチャット画面を作成します。
チャットコンポーネントを標準化する
共有されたReact例を使用して、アプリケーション全体でメッセージレイアウトとインタラクション状態の一貫性を保ちます。
ストリーミングチャットUXを計画する
タイピングインジケーターとリンクされたガイダンスを組み合わせて、応答性の高いエージェント会話を設計します。
これらのプロンプトを試す
基本的なチャットビューを作成する
chat-ui skillを使用して、メッセージ、入力、タイピングインジケーターを備えたシンプルなReactチャットビューを構築してください。
コンポーネントを自分のプロジェクトに適合させる
私のReactプロジェクト構造を確認し、チャットコンテナ、メッセージ、入力コンポーネントをどこに配置すべきか示してください。
読み込み状態と空状態を設計する
現在のデザインシステムに合わせて、空、読み込み中、無効、エラー状態を含むようにチャットUIパターンを拡張してください。
ストリーミングアシスタントインターフェイスを構築する
chat-uiの例を使用して、メッセージロール、保留中の応答、アクセシブルなコントロールを備えたストリーミングアシスタントインターフェイスを設計してください。
ベストプラクティス
- インストールコマンドを実行する前に、リモートregistryの内容を確認してください。
- チャット状態、読み込み状態、入力の無効状態を同期させてください。
- ユーザー、アシスタント、システムメッセージに対して明確なロール処理を使用してください。
回避
- 取得されたファイルを確認せずにリモートインストールコマンドを実行しないでください。
- バックエンドAPIロジックを表示用チャットコンポーネントに混在させないでください。
- メッセージ送信中に読み込み状態や無効状態を隠さないでください。
よくある質問
このスキルは何の構築に役立ちますか？
再利用可能なコンポーネントパターンを使って、ReactおよびNext.jsのチャットインターフェイスを構築するのに役立ちます。
バックエンドチャットサービスは含まれていますか？
いいえ。フロントエンドコンポーネントに重点を置いており、API統合はアプリケーション側に任せます。
Claude、Codex、Claude Codeで使用できますか？
はい。レポートではClaude、Codex、Claude Codeのサポートが示されています。
ストリーミング応答をサポートしていますか？
ストリーミングチャット体験の設計に役立つUIパターンとドキュメントリンクが含まれています。
インストールコマンドは自動で実行しても安全ですか？
外部コンテンツを取得するため、ユーザーはまずソースを検査し、信頼できるバージョンを固定する必要があります。
どのようなプロジェクトに適していますか？
Tailwind CSSとshadcn-styleコンポーネントを使用するReactまたはNext.jsプロジェクトに適しています。
開発者情報
作成者
inferen-shライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/18
利用状況
3 ダウンロード · 124 閲覧
ファイル構成
📄 SKILL.md
inferen-sh のその他のスキル
すべて表示📦
qwen-image-2-pro
78Qwen Image Proビジュアルを作成
テキスト量の多い画像プロンプトでは、正確なレイアウトと読みやすいタイポグラフィが必要になることがよくあります。このスキルは、Claude、Codex、Claude Codeがinference.sh経由でQwen-Image-2.0-Proを使って画像を生成または編集できるようにガイドします。
デザイン＆クリエイティブ 表示
📦
nano-banana-2
78inference.shでGemini画像を生成
画像作成では、モデルコマンドやオプションの詳細が必要になることがよくあります。このスキルは、inference.shを通じたGemini画像生成向けに、すぐ使えるプロンプトとCLIパターンを提供します。
デザイン＆クリエイティブ 表示
📦
ai-video-generation
78Inference.shでAI動画を作成
チームは、各プロバイダーのAPIをすべて学習することなく、多数のAI動画モデルへすばやくアクセスする必要があります。このskillは、Claude、Codex、Claude Code向けに簡潔なinference.shワークフローを提供します。
デザイン＆クリエイティブ 表示
📦
tools-ui
78AIアプリにツールライフサイクルUIを追加
AIアプリには、ツール呼び出し、承認、結果、エラーの明確なステータス表示が必要です。このスキルは、目に見えるツールライフサイクルのためのReactおよびNext.jsコンポーネントのガイダンスを提供します。
コーディング＆開発 表示
📦
p-video
78inference.shでPruna動画を生成する
AI動画生成では、テキスト、画像、音声、モデル選択に別々のツールが必要になることがあります。このスキルは、inference.sh CLIを使用したPruna P-VideoとWANの実行について、Claude、Codex、Claude Codeをガイドします。
デザイン＆クリエイティブ 表示
関連スキル
すべて表示📦
senior-fullstack
82シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コーディング＆開発 表示
📦
vercel-react-view-transitions
82React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
nextjs-optimization
80Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
コーディング＆開発 表示
📦
vercel-react-best-practices
80React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
コーディング＆開発 表示
📦
styling-with-shadcn
80Next.jsでshadcn/uiインターフェースを構築
作成者 Asmayaseen
Reactチームには、モダンなNext.jsで機能する一貫したUIパターンが必要です。このスキルは、shadcn/uiのセットアップガイダンス、コンポーネント例、フォームバリデーション、テーブル、サイドバー、ダークモードパターンを提供します。
コーディング＆開発 表示