スキル opentui

📦

opentui

コンテンツリビジョン r2 高リスク 📁 ファイルシステムへのアクセス⚙️ 外部コマンド🌐 ネットワークアクセス🔑 環境変数

OpenTUI ターミナルインターフェイスの構築

ターミナルインターフェイスの作業では、コンポーネント、レイアウト、入力、アニメーション、テストにわたって、フレームワーク固有の OpenTUI の詳細が必要になることがよくあります。このスキルは、Claude、Codex、Claude Code に、OpenTUI アプリの構築とトラブルシューティングのための体系化されたリファレンスを提供します。

対応: Claude Codex Code(CC)

⚠️ 38 不十分

⚠️ 38 不十分

インストール前に停止して確認を求めてください。

計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。

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

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

エージェントリクエスト

Review the Skillstore skill "opentui" from https://skillstore.io/skills/msmps-opentui.md and its manifest at https://skillstore.io/api/skills/msmps-opentui/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

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

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

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

Markdown詳細 GET /skills/msmps-opentui.md 署名済み manifest GET /api/skills/msmps-opentui/manifest 署名済み lockfile GET /api/skills/msmps-opentui/lockfile

テストする

「opentui」を使用しています。フォームとキーボードショートカットを備えた React ターミナルアプリが必要です。

期待される結果:

慣れたコンポーネントパターンには React reconciler を推奨します。
明示的なフォーカス管理を備えた input コンポーネントを使用します。
escape と control ショートカット用の keyboard hooks を追加します。
OpenTUI test renderer とスナップショットでテストします。

「opentui」を使用しています。アプリの実行中に OpenTUI のログが表示されません。

期待される結果:

OpenTUI はレンダリング中にコンソール出力をキャプチャします。
console overlay、キーボードトグル、または一時的なデバッグファイルを使用します。
レンダリングバグを推測するのではなく、再現可能なテストを作成します。

「opentui」を使用しています。ターミナルインターフェイス内に diff ビューアーが必要です。

期待される結果:

code と diff コンポーネントのリファレンスを使用します。
利用可能なターミナル幅に基づいて、unified 表示または split 表示を選択します。
スタイル設定の前に、スクロールと行番号の動作を計画します。

セキュリティ監査

高リスク

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

All 328 static findings are false positives caused by documentation links, code formatting, framework terminology, and benign examples. Semantic review found plaintext password logging and permissive SSH authentication examples. Both should be corrected before publication.

27

スキャンされたファイル

10,565

解析済み行数

0

レビュー項目

0

誤検知を無視

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

高

references/react/patterns.md:230-235

Example Logs a Plaintext Password

The React login form sends both username and password to console.log on submission. Applications copied from this example could expose credentials through terminal debug output or log collection.

The example directly passes the password state to console.log in its submit handler. The credential exposure is explicit and requires no inferred data flow.

中

references/core/REFERENCE.md:138-154

SSH Example Accepts Any Public Key

The SSH server example configures public-key authentication as `any`. Reusing this configuration beyond loopback can grant access without verifying an authorized key.

The example explicitly combines an SSH listener with `auth: { publicKey: "any" }`. Exposure depends on whether users later bind the server beyond loopback.

リスク要因

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

references/animation/REFERENCE.md:428 references/animation/REFERENCE.md:429 references/animation/REFERENCE.md:430 references/animation/REFERENCE.md:431 references/components/REFERENCE.md:56 references/components/REFERENCE.md:145 references/components/REFERENCE.md:146 references/components/REFERENCE.md:147 references/components/REFERENCE.md:148 references/components/text-display.md:325 references/core/api.md:269 references/core/api.md:270 references/core/api.md:271 references/core/gotchas.md:112 references/core/gotchas.md:114 references/core/REFERENCE.md:169 references/core/REFERENCE.md:170 references/core/REFERENCE.md:171 references/core/REFERENCE.md:172 references/core/REFERENCE.md:173 references/core/REFERENCE.md:174 references/keyboard/REFERENCE.md:614 references/keyboard/REFERENCE.md:615 references/keyboard/REFERENCE.md:616 references/keyboard/REFERENCE.md:617 references/layout/REFERENCE.md:337 references/react/api.md:263 references/react/api.md:273 references/react/api.md:274 references/react/api.md:275 references/react/api.md:276 references/react/api.md:277 references/react/api.md:311 references/react/configuration.md:268 references/react/REFERENCE.md:169 references/react/REFERENCE.md:170 references/react/REFERENCE.md:171 references/react/REFERENCE.md:172 references/react/REFERENCE.md:173 references/react/REFERENCE.md:174 references/solid/api.md:302 references/solid/api.md:312 references/solid/api.md:313 references/solid/api.md:314 references/solid/api.md:315 references/solid/api.md:316 references/solid/api.md:347 references/solid/configuration.md:267 references/solid/REFERENCE.md:196 references/solid/REFERENCE.md:197

⚙️ 外部コマンド (50)

references/components/code-diff.md:16-32 references/components/code-diff.md:537-543 references/components/code-diff.md:605-623 references/components/inputs.md:422-429 references/components/text-display.md:155-160 references/core/api.md:139-146 references/core/api.md:251-253 references/core/gotchas.md:35-40 references/core/gotchas.md:114-116 references/core/patterns.md:73-79 references/core/patterns.md:79-84 references/core/patterns.md:84-95 references/core/patterns.md:95-100 references/core/patterns.md:100-107 references/core/patterns.md:224-229 references/core/patterns.md:229-248 references/core/patterns.md:248-260 references/core/patterns.md:346-357 references/core/patterns.md:394-409 references/core/patterns.md:444-449 references/core/REFERENCE.md:150-155 references/layout/patterns.md:166-178 references/layout/patterns.md:188-197 references/layout/patterns.md:205-214 references/react/api.md:39-45 references/react/api.md:45-70 references/react/api.md:139-144 references/react/patterns.md:141-148 references/react/patterns.md:333-340 references/react/patterns.md:419-427 references/solid/api.md:86-90 references/solid/api.md:90-113 references/solid/api.md:187-192 references/solid/patterns.md:42-52 references/solid/patterns.md:335-343 SKILL.md:16 SKILL.md:17 SKILL.md:18 SKILL.md:19 SKILL.md:27 SKILL.md:31 SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:37 SKILL.md:41 SKILL.md:43 SKILL.md:44 SKILL.md:45

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

references/components/text-display.md:126 references/components/text-display.md:255 references/components/text-display.md:269 references/components/text-display.md:274 references/core/configuration.md:165 references/core/gotchas.md:206 references/react/api.md:287 references/react/configuration.md:208 references/react/patterns.md:357 references/react/patterns.md:357 references/react/REFERENCE.md:99 references/solid/configuration.md:237 references/solid/patterns.md:404 references/solid/patterns.md:404 references/solid/REFERENCE.md:119 SKILL.md:225 SKILL.md:226 SKILL.md:227 SKILL.md:228

🔑 環境変数 (13)

references/core/gotchas.md:79 references/core/gotchas.md:79 references/core/gotchas.md:75 references/core/gotchas.md:82 references/core/gotchas.md:83 references/core/gotchas.md:79 references/react/configuration.md:242 references/react/configuration.md:214 references/react/configuration.md:211 references/react/configuration.md:214 references/react/configuration.md:242 references/solid/configuration.md:243 references/solid/configuration.md:243

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

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

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

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

セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/msmps-opentui/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/msmps-opentui/security.svg)](https://skillstore.io/skills/msmps-opentui?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/msmps-opentui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/msmps-opentui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/msmps-opentui.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形式の引用

msmps. (2026). opentui security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/msmps-opentui/audits/7

BibTeX形式の引用

@techreport{msmps-msmps-opentui-2026,
  author = {msmps},
  title = {opentui security audit report (audit version 7)},
  institution = {Skillstore},
  year = {2026},
  number = {7},
  url = {https://skillstore.io/skills/msmps-opentui/audits/7},
  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: "opentui security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
  - name: "msmps"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/msmps-opentui/audits/7"
identifiers:
  - type: other
    value: "skillstore:msmps-opentui:audit:7"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

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

36

アーキテクチャ

85

保守性

87

コンテンツ

67

コミュニティ

83

仕様準拠

作成できるもの

新しい TUI アプリを始める

適切な OpenTUI フレームワークの進め方を選択し、コンポーネントとレイアウトを備えた最初のインターフェイスをスキャフォールドします。

インタラクティブなターミナルコントロールを追加する

入力、フォーカス処理、キーボードショートカット、貼り付け動作、escape または control キーのフローを実装します。

ターミナルレンダリングをデバッグしてテストする

スナップショット、テストレンダラー、コンソールオーバーレイ、絞り込んだ再現ケースを使って OpenTUI の問題を修正します。

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

フレームワークを選ぶ

opentui skill を使って、[requirements] が必要なターミナルアプリについて、core、React、Solid のどれを選ぶべきか判断するのを手伝ってください。トレードオフを説明し、1 つの進め方を推奨してください。

コンポーネント画面を構築する

opentui skill を使って、[components] を含む OpenTUI 画面を設計してください。レイアウト、フォーカス動作、参照すべき関連リファレンスファイルを含めてください。

キーボード動作を修正する

opentui skill を使って、私の OpenTUI アプリで [input or shortcut] が動作しない理由をデバッグしてください。フォーカス、キー名、フレームワーク固有の hook の使い方を確認してください。

TUI 機能のテストを計画する

opentui skill を使って、この OpenTUI 機能のテスト計画を作成してください: [feature]。スナップショットテスト、インタラクションテスト、失敗時のデバッグ手順を含めてください。

ベストプラクティス

まずフレームワークの REFERENCE ファイルから始め、その後で関連する API、設定、パターン、または注意点のファイルだけを読みます。
インタラクティブアプリを構築する際は、直接プロセスを終了するのではなく、renderer cleanup パターンを使用します。
複数の UI レイヤーを変更する前に、レイアウト、入力、レンダリングの問題について再現可能なテストを書きます。

回避

コンポーネントリファレンスを確認せずに、React と Solid のコンポーネント命名規則を混在させないでください。
対象の input または委譲された子要素にフォーカスがあるまで、キーボード入力が動作すると決めつけないでください。
OpenTUI アプリがターミナルレンダリングをキャプチャしている間は、表示されるコンソール出力に依存しないでください。

よくある質問

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

OpenTUI core、React、または Solid を使ってターミナルユーザーインターフェイスを構築するのに役立ちます。

Claude Code をサポートしていますか?

はい。このスキルは Claude、Codex、Claude Code のサポートを明示しています。

フレームワークを選んでもらえますか?

はい。要件に基づいて core、React、Solid のいずれかを選ぶための意思決定ツリーが含まれています。

テストに関するガイダンスは含まれていますか?

はい。test renderer のセットアップ、スナップショット、インタラクションテスト、デバッグワークフローを扱います。

ターミナルアプリを実行または検証できますか?

いいえ。ガイダンスは提供しますが、実行と検証にはローカルコマンドまたはテストが必要です。

新規プロジェクト専用ですか?

いいえ。コンポーネントの追加、入力動作の修正、レイアウト改善、既存アプリのトラブルシューティングにも役立ちます。

開発者情報

作成者

ライセンス

MIT

Skillstore リビジョン

r2

バージョンに関する注意

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

リポジトリ

https://github.com/msmps/opentui-skill/tree/main/skill/opentui/

参照

02be9409c79ca1183f7844009c14d9df684d0cf9

メンテナンスの新しさ

2026/8/12

利用状況

2 ダウンロード · 0 閲覧

ファイル構成

📁 references/

📁 animation/

📄 REFERENCE.md

📁 components/

📄 code-diff.md

📄 containers.md

📄 REFERENCE.md

📄 text-display.md

📁 core/

📄 configuration.md

📄 gotchas.md

📄 patterns.md

📄 REFERENCE.md

📄 REFERENCE.md

📄 REFERENCE.md

📄 patterns.md

📄 REFERENCE.md

📄 configuration.md

📄 gotchas.md

📄 patterns.md

📄 REFERENCE.md

📄 configuration.md

📄 gotchas.md

📄 patterns.md

📄 REFERENCE.md

📄 REFERENCE.md

すべて表示

react-dev

型安全なReactコンポーネントを構築

作成者 softaworks

React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。

コーディング＆開発表示

senior-frontend

本番環境対応のフロントエンド機能を構築

作成者 davila7

フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。

コーディング＆開発表示

react-nextjs-development

モダンなReactおよびNext.jsアプリを構築する

作成者 sickn33

ReactおよびNext.jsプロジェクトでは、ルーティング、コンポーネント、スタイリング、データ、フォーム、テスト、デプロイ全体で一貫したセットアップ方針が必要になることがよくあります。このスキルは、Claude、Codex、Claude Codeに、モダンなフロントエンドアプリケーションを計画および構築するためのフェーズベースのワークフローを提供します。

コーディング＆開発表示

playwright-testing

Playwrightテストカバレッジの改善

作成者 C0ntr0lledCha0s

Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。

コーディング＆開発表示

starknet-js

starknet.js で Starknet アプリを構築

作成者 internet-court

Starknet 統合では、プロバイダー、アカウント、トランザクション、手数料を正確に処理する必要があります。このスキルは、Claude、Codex、Claude Code に実践的な starknet.js v9 パターンを提供します。

コーディング＆開発表示

vue-best-practices

Vue 3 のコード品質を向上

作成者 vuejs-ai

Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。

コーディング＆開発表示