スキル when-bridging-web-cli-use-web-cli-teleport

📦

when-bridging-web-cli-use-web-cli-teleport

Name: when-bridging-web-cli-use-web-cli-teleport
Author: DNYoussef

v1.0.0 コンテンツリビジョン r1 重大 ⚡ スクリプトを含む⚙️ 外部コマンド🌐 ネットワークアクセス📁 ファイルシステムへのアクセス

Web-CLIブリッジワークフローを構築する

チームでは、CLIワークフローを起動して監視するためのweb UIが必要になることがよくあります。このスキルは、RESTエンドポイント、WebSockets、ローカルCLI連携を使用したブリッジパターンを提供します。

対応: Claude Codex Code(CC)

⚠️ 38 不十分

この Skill を自動インストールしないでください。

基準ポリシーにより、インストール操作の前にオペレーターのレビューが必要です。

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

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

エージェントリクエスト

Review the Skillstore skill "when-bridging-web-cli-use-web-cli-teleport" from https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport.md and its manifest at https://skillstore.io/api/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/manifest. Verify the artifact. Do not auto-install. Inspect the skill and report your findings, then wait for an operator or manual installation decision.

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

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

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

Markdown詳細 GET /skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport.md 署名済み manifest GET /api/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/manifest 署名済み lockfile GET /api/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/lockfile

テストする

「when-bridging-web-cli-use-web-cli-teleport」を使用しています。承認済みのローカルテストコマンドを実行するブラウザインターフェイスを計画してください。

期待される結果:

Reactの制御画面、ローカルAPI、制限付きコマンドランナーを備えた段階的なブリッジアーキテクチャ。
認証、コマンドallowlist、引数検証、出力スコープを対象とするセキュリティチェックリスト。
RESTリクエスト、WebSocket更新、エラー処理、タイムアウト動作のテスト計画。

「when-bridging-web-cli-use-web-cli-teleport」を使用しています。実装前に私のweb-to-CLIブリッジ設計をレビューしてください。

期待される結果:

コマンド実行、ネットワーク公開、出力漏えいに関するリスク要約。
自由形式のシェルコマンドを固定アクションに置き換える推奨変更。
ローカルバインディング、ログ記録、レート制限、監視に関するデプロイメモ。

セキュリティ監査

重大

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

The skill documents a useful web-to-CLI bridge pattern, but the sample implementation includes browser-accessible command execution through child_process.exec. Several static findings are Markdown formatting false positives, yet the confirmed execution endpoint, permissive Socket.io bridge, and output broadcast create critical security concerns if copied as written.

スキャンされたファイル

597

解析済み行数

レビュー項目

誤検知を無視

確認済みのセキュリティ上の懸念 (2)

重大

SKILL.md:245-255 README.md:20-22 PROCESS.md:21-22

Unauthenticated Web Endpoint Executes Shell Commands

The sample bridge server enables permissive CORS, accepts command and args from an HTTP request, builds a shell command string, and executes it. This design can allow browser-accessible arbitrary command execution if used without authentication, allowlisting, and strict validation.

The server code and quick-start examples directly show command payloads reaching the execution endpoint. The implementation has no authentication or command allowlist in the cited lines.

高

SKILL.md:245-269

Command Output Broadcast to All Socket Clients

The server emits command stdout to all connected Socket.io clients after execution. Command output can contain secrets or filesystem details, so broadcasting it without client isolation can leak sensitive data.

The Socket.io server is configured with a permissive origin and the command handler emits stdout globally. The cited code does not scope output to an authenticated session or room.

機能レビュー項目 (29)

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

重大

SKILL.md:255

Python exec() function

exec(fullCommand, (error, stdout, stderr) => {

Although the pattern name says Python, the line is a JavaScript child_process exec call. It executes a command string built from request input, which is arbitrary command execution risk.

重大

SKILL.md:255

Process exec

exec(fullCommand, (error, stdout, stderr) => {

The server calls exec(fullCommand) where fullCommand is built from req.body.command and req.body.args. This is a direct remote command execution pattern.

重大

SKILL.md:253-297

Ruby/shell backtick execution

const fullCommand = `${command} ${args.join(' ')}`;

This JavaScript template string builds fullCommand from request-controlled command and args values. It is then passed to exec, creating a command injection and arbitrary execution path.

高

process-diagram.gv:22

Process exec

api -> cli [label="exec()", style=dashed, color=red];

The diagram explicitly shows the Bridge API reaching CLI Tools through exec(). It is documentation rather than runnable code, but it confirms process execution is part of the intended architecture.

高

PROCESS.md:17

Node.js child_process module

npm init -y && npm install express socket.io cors child_process

The workflow instructs users to add child_process while creating the CLI bridge server. In context, that server is designed to accept web requests and run CLI commands.

高

SKILL.md:217

Node.js child_process module

npm install express socket.io cors child_process

The setup instructions add child_process for the bridge server implementation. The later example uses this capability to execute commands from web requests.

高

SKILL.md:240

Node.js child_process module

const { exec } = require('child_process');

The bridge server imports child_process directly. This import is used by the API handler that runs commands received through HTTP.

中

PROCESS.md:6

Unix shell invocation

#!/bin/bash

PROCESS.md provides a runnable bash workflow that installs dependencies, starts services, and runs Docker commands. This is expected automation, but it executes external commands on the host.

中

PROCESS.md:13

Socket.io library

cd web-cli-bridge && npm install axios socket.io-client && npm run build

The workflow installs socket.io-client for real-time bridge communication. This creates a network channel that needs authentication and origin controls.

中

PROCESS.md:17

Socket.io library

npm init -y && npm install express socket.io cors child_process

The workflow installs Socket.io on the bridge server. The server-side channel is part of the command bridge and carries command output.

中

README.md:16

Socket.io library

npm init -y && npm install express socket.io cors

The quick start installs Socket.io for the bridge server. Real-time network communication is a core part of the skill and requires access controls.

中

SKILL.md:318

Shell command substitution

local results=$(npx claude-flow@alpha analyze "$path" --format json)

The bash sample executes npx claude-flow through command substitution and stores its output. The path value is quoted, but the snippet still runs an external command from a function argument.

中

SKILL.md:301-327

Template literal with command substitution

```bash

The bash block interpolates component and data values into a curl JSON body for the bridge API. It is not JavaScript template execution, but it is dynamic request construction with caller-controlled values.

中

SKILL.md:302

Unix shell invocation

#!/bin/bash

The block defines a runnable bash CLI integration tool. It invokes curl and npx to push CLI output into the web bridge.

中

SKILL.md:178

HTTP client library

const response = await axios.post('/api/cli/execute', {

The React component posts command data to /api/cli/execute. This network call is part of the web-triggered command execution flow.

中

SKILL.md:135

Socket.io library

npm install axios socket.io-client

The setup installs socket.io-client for real-time communication with the bridge server. This is a real network capability.

中

SKILL.md:158

Socket.io library

import io from 'socket.io-client';

The React component imports socket.io-client for a WebSocket connection to the bridge. This channel receives CLI output.

中

SKILL.md:217

Socket.io library

npm install express socket.io cors child_process

The bridge server setup installs Socket.io. Server-side WebSocket communication is part of the skill design.

中

SKILL.md:239

Socket.io library

const socketIo = require('socket.io');

The bridge server imports socket.io and later emits command output to clients. This is a real network service component.

低

PROCESS.md:13

HTTP client library

cd web-cli-bridge && npm install axios socket.io-client && npm run build

The workflow installs axios as part of the bridge web app. HTTP calls are an intended capability and should be reviewed with the bridge endpoint security model.

低

PROCESS.md:21

Hardcoded URL

curl -X POST http://localhost:3001/api/cli/execute \

The localhost URL is used to post directly to the CLI execution endpoint with a command payload. The URL is local, but it demonstrates network-triggered command execution.

低

README.md:20

Hardcoded URL

curl -X POST http://localhost:3001/api/cli/execute \

The quick start posts to a localhost command execution endpoint. The hardcoded URL is local, but the example still shows command execution over HTTP.

低

SKILL.md:135

HTTP client library

npm install axios socket.io-client

The web app setup installs axios for HTTP communication with the bridge API. This is intended network behavior.

低

SKILL.md:157

HTTP client library

import axios from 'axios';

The React component imports axios to call the bridge API. This confirms HTTP client behavior in the sample application.

低

SKILL.md:166

Hardcoded URL

const newSocket = io('http://localhost:3001');

The React sample connects to a hardcoded localhost Socket.io server. It is local, but it establishes the bridge network endpoint.

低

SKILL.md:228

Hardcoded URL

curl -X POST http://localhost:3001/api/cli/execute \

The curl example posts to the localhost CLI execution endpoint. The target is local, but the endpoint accepts command payloads over HTTP.

低

SKILL.md:310

Hardcoded URL

curl -X POST http://localhost:3001/api/web/render \

The bash helper posts CLI-generated UI data to the localhost web-render endpoint. This is intended bridge network behavior.

低

SKILL.md:338

Hardcoded URL

curl -X POST http://localhost:3001/api/cli/execute \

The test command posts to the localhost CLI execution endpoint with an npx command payload. It demonstrates network-triggered command execution.

低

SKILL.md:352

Hardcoded URL

npx artillery quick --count 10 -n 20 http://localhost:3001/api/cli/execute

The artillery command load-tests the local CLI execution endpoint. The URL is local, but it targets the risky command bridge API.

リスク要因

⚡ スクリプトを含む (2)

process-diagram.gv:22 SKILL.md:255

⚙️ 外部コマンド (34)

🌐 ネットワークアクセス (24)

📁 ファイルシステムへのアクセス (2)

PROCESS.md:16 SKILL.md:361

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

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

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

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

レポートリンクをコピー

https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/security.svg)](https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport.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形式の引用

DNYoussef. (2026). when-bridging-web-cli-use-web-cli-teleport security audit report (audit version 10) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/audits/10

BibTeX形式の引用

@techreport{dnyoussef-dnyoussef-when-bridging-web-cli-use-web-cli-teleport-2026,
  author = {DNYoussef},
  title = {when-bridging-web-cli-use-web-cli-teleport security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/audits/10},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "when-bridging-web-cli-use-web-cli-teleport security audit report (audit version 10)"
version: "1.0.0"
type: report
authors:
  - name: "DNYoussef"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/dnyoussef-when-bridging-web-cli-use-web-cli-teleport/audits/10"
identifiers:
  - type: other
    value: "skillstore:dnyoussef-when-bridging-web-cli-use-web-cli-teleport:audit:10"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

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

アーキテクチャ

100

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

社内CLIダッシュボードのプロトタイプを作成する

承認済みのCLIタスクを開始し、その進行状況をブラウザにストリーミングするローカルダッシュボードを設計します。

webツールをローカル自動化に接続する

Reactインターフェイスが制御されたブリッジAPIを通じてローカル自動化を呼び出す方法を計画します。

双方向の開発者ツールを計画する

CLIツールが分析結果をライブwebインターフェイスに送り返す方法を整理します。

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

ローカルプロトタイプ計画を作成する

このスキルを使用して、私のプロジェクト向けにローカルweb-to-CLIブリッジを計画してください。webアプリ、ブリッジサーバー、CLIコマンドフロー、基本的なテスト手順を一覧化してください。

安全なコマンド制御を追加する

このスキルを使用して、承認済みコマンドのみを実行するようにブリッジを再設計してください。認証、引数検証、タイムアウト、監査ログを含めてください。

ライブステータス更新を設計する

このスキルを使用して、CLIジョブ向けのWebSocketステータス更新を設計してください。各ユーザーセッションを分離し、コマンド出力がリクエスト元にのみ届く仕組みを説明してください。

本番環境対応状況をレビューする

このスキルを使用して、計画中のweb-CLIブリッジの本番環境対応状況をレビューしてください。安全でない前提、不足している制御、より安全な実装パターンを特定してください。

ベストプラクティス

実行エンドポイントを公開する前に、認証とallowlistに含まれるコマンドを必須にします。
コマンドランナーでは固定の引数配列を使用し、シェルコマンド文字列を避けます。
ブリッジサービスは信頼済みインターフェイスにバインドし、すべてのリクエストをログに記録します。

回避

ブラウザやリモートユーザーに自由形式のコマンドフィールドを公開しないでください。
接続中のすべてのクライアントにコマンド出力をブロードキャストしないでください。
localhostの例を本番環境のセキュリティ制御として扱わないでください。

よくある質問

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

REST APIとWebSocketsを使用して、webインターフェイスとコマンドラインワークフローの間のブリッジを計画するのに役立ちます。

完全なアプリケーションは含まれていますか？

いいえ。プロジェクト固有の実装が必要なアーキテクチャ手順とサンプルスニペットを提供します。

サンプルサーバーを本番環境で使用できますか？

記載されているままでは使用できません。コマンド実行の例には、まず認証、allowlist、検証、出力の分離が必要です。

どのツールを前提としていますか？

Node.js、React、Socket.io、Dockerの例、および任意のClaude Flowコマンドを前提としています。

監査レポートがセキュリティ上の懸念を示すのはなぜですか？

例では、CLIコマンドを実行できるwebエンドポイントを示しています。このパターンは強力ですが、厳格な制御がないと危険です。

Claude、Codex、Claude Codeで動作しますか？

マーケットプレイスのメタデータでは、このガイダンスを使用する対応ツールとしてClaude、Codex、Claude Codeが記載されています。

開発者情報

作成者

DNYoussef

ライセンス

MIT

作者バージョン

v1.0.0

Skillstore リビジョン

リポジトリ

https://github.com/DNYoussef/ai-chrome-extension/tree/main/.claude/skills/workflow/when-bridging-web-cli-use-web-cli-teleport

参照

3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88

メンテナンスの新しさ

2026/7/23

利用状況

6 ダウンロード · 187 閲覧

ファイル構成

📄 process-diagram.gv

📄 PROCESS.md

📄 README.md

📄 SKILL.md

DNYoussef のその他のスキル

すべて表示

📦

slash-command-encoder

AI ワークフロー用のスラッシュコマンドを作成

ユーザーが長い自然言語プロンプトに依存していると、繰り返し行う AI ワークフローは遅くなります。このスキルは、ルーティング、検証、チェーン化、ヘルプテキストを備えた簡潔なスラッシュコマンドを定義するのに役立ちます。

生産性表示

📦

micro-skill-creator

焦点を絞ったAIマイクロスキルを作成

再利用可能なAIワークフローは、範囲が広くなりすぎてテストが難しくなりがちです。このスキルは、専門的なプロンプト、契約、検証計画を備えた焦点の明確なスキルの定義を支援します。

生産性表示

📦

cascade-orchestrator

マルチモデル・スキルカスケードをオーケストレーションする

複雑なAI作業では、複数のスキル、モデル、品質チェックが必要になることがよくあります。このスキルは、ルーティング、サンドボックステスト、スウォーム連携、メモリを備えたカスケードの設計を支援します。

コーディング＆開発表示

📦

web-cli-teleport

Claude Code Web と CLI を選択する

タスクに対して誤った Claude Code インターフェースを選ぶと、チームは時間を失います。このスキルは Web、CLI、またはハイブリッドな引き継ぎワークフローを推奨します。

生産性表示

📦

agentdb-semantic-vector-search

AgentDB セマンティック検索を構築する

チームには、RAG やナレッジベース向けに関連性の高いドキュメント検索が必要です。このスキルは、AgentDB のセットアップ、埋め込みの保存、インデックス作成、API 検索、関連性チューニングをガイドします。

データ＆アナリティクス表示

📦

when-creating-presentations-use-pptx-generation

アクセシブルなPowerPointデッキを作成

手作業でのプレゼンテーション制作は、時間がかかり、一貫性を保ちにくい場合があります。このスキルは、Claude、Codex、またはClaude Codeが構造化されたPPTX生成と検証を進められるよう支援します。

オフィス＆レポート表示

すべて表示

📦

building-plugins

Claude Code プラグインを構築する

作成者 C0ntr0lledCha0s

Claude Code プラグインの作成には、正しい構造、検証、ドキュメント化、安全なパッケージ化が必要です。このスキルは、プラグインアーキテクチャ、テンプレート、検証、公開ワークフローを通じてユーザーをガイドします。

DevOps＆インフラ表示

📦

building-hooks

Claude Code 自動化フックを構築する

作成者 C0ntr0lledCha0s

Claude Code hooks はチェック、フォーマット、ポリシー適用を自動化できますが、安全でないフックスクリプトはローカルファイルやコマンドに影響を与える可能性があります。このスキルは、構造化されたフック設計、検証、保守をユーザーに案内します。

DevOps＆インフラ表示

📦

writing-hookify-rules

Claude Code 用の Hookify ルールを書く

作成者 anthropics

Hook ルールは、bash、file、stop、prompt イベント全体で正しく書くのが難しい場合があります。このスキルは、Claude、Codex、Claude Code に、Hookify ルールの作成とテストに役立つ実践的なガイダンスを提供します。

DevOps＆インフラ表示

📦

homeassistant-config

Home Assistant YAMLをより速く作成

作成者 ESJavadex

Home Assistant YAMLは、オートメーション、シークレット、ダッシュボードが増えると壊れやすくなります。このスキルは、より安全な設定作業のためのパターン、例、ローカルバリデーターを提供します。

DevOps＆インフラ表示

📦

wp-wpcli-and-ops

より安全な WordPress WP-CLI 操作を実行する

作成者 Automattic

WP-CLI が誤ったサイトを対象にすると、WordPress 操作によってデータが損傷する可能性があります。このスキルは、バックアップ、ドライラン、対象確認、再現可能なコマンドワークフローをガイドします。

DevOps＆インフラ表示

📦

building-agents

Claude Codeエージェントを構築

作成者 C0ntr0lledCha0s

信頼性の高いAIエージェントを作成するには、明確なスキーマ、安全なツール、再現可能なレビュー手順が必要です。このスキルは、Claude Codeワークフローにおけるエージェントの設計、検証、移行、保守をガイドします。

コーディング＆開発表示

when-bridging-web-cli-use-web-cli-teleport

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

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

テストする

セキュリティ監査

確認済みのセキュリティ上の懸念 (2)

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

社内CLIダッシュボードのプロトタイプを作成する

webツールをローカル自動化に接続する

双方向の開発者ツールを計画する

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

ベストプラクティス

回避

よくある質問

開発者情報

DNYoussef のその他のスキル

slash-command-encoder

micro-skill-creator

cascade-orchestrator

web-cli-teleport

agentdb-semantic-vector-search

when-creating-presentations-use-pptx-generation

関連スキル

building-plugins

building-hooks

writing-hookify-rules

homeassistant-config

wp-wpcli-and-ops

building-agents