·tui-design
*

tui-design

このスキルは、端末ユーザー インターフェイスの設計、TUI レイアウトの作成、TUI カラー スキームの選択、キーボード ナビゲーションの実装、端末ダッシュボードの構築、または TUI フレームワークの操作を行うときに使用する必要があります。 TUI デザイン、ターミナル UI、Ratatui レイアウト、インク コンポーネント、テキスト ウィジェット、Bubbletea ビュー、ターミナル カラー パレット、キーバインド デザイン、パネル レイアウト、分割ペイン、ターミナル ダッシュボード、ボックス描画文字、スパークライン、プログレス バー、モーダル ダイアログ、フォーカス管理、またはターミナル アクセシビリティに関する言及に対してアクティブ化されます。

55インストール·20トレンド·@hyperb1iss

インストール

$npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design

tui-design のインストール方法

コマンドラインで tui-design AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: hyperb1iss/hyperskills。

Universal design patterns for building exceptional terminal user interfaces. Framework-agnostic — works with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit.

Core philosophy: TUIs earn their power through spatial consistency, keyboard fluency, and information density that respects human attention. Design for the expert's speed without abandoning the beginner's discoverability.

| File manager | Miller Columns | yazi, ranger | | Git / DevOps tool | Persistent Multi-Panel | lazygit, lazydocker | | System monitor | Widget Dashboard | btop, bottom, oxker | | Data browser / K8s | Drill-Down Stack | k9s, diskonaut | | SQL / HTTP client | IDE Three-Panel | harlequin, posting | | Shell augmentation | Overlay / Popup | atuin, fzf |

このスキルは、端末ユーザー インターフェイスの設計、TUI レイアウトの作成、TUI カラー スキームの選択、キーボード ナビゲーションの実装、端末ダッシュボードの構築、または TUI フレームワークの操作を行うときに使用する必要があります。 TUI デザイン、ターミナル UI、Ratatui レイアウト、インク コンポーネント、テキスト ウィジェット、Bubbletea ビュー、ターミナル カラー パレット、キーバインド デザイン、パネル レイアウト、分割ペイン、ターミナル ダッシュボード、ボックス描画文字、スパークライン、プログレス バー、モーダル ダイアログ、フォーカス管理、またはターミナル アクセシビリティに関する言及に対してアクティブ化されます。 ソース: hyperb1iss/hyperskills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from hyperb1iss/hyperskills

クイックアンサー

tui-design とは?

このスキルは、端末ユーザー インターフェイスの設計、TUI レイアウトの作成、TUI カラー スキームの選択、キーボード ナビゲーションの実装、端末ダッシュボードの構築、または TUI フレームワークの操作を行うときに使用する必要があります。 TUI デザイン、ターミナル UI、Ratatui レイアウト、インク コンポーネント、テキスト ウィジェット、Bubbletea ビュー、ターミナル カラー パレット、キーバインド デザイン、パネル レイアウト、分割ペイン、ターミナル ダッシュボード、ボックス描画文字、スパークライン、プログレス バー、モーダル ダイアログ、フォーカス管理、またはターミナル アクセシビリティに関する言及に対してアクティブ化されます。 ソース: hyperb1iss/hyperskills。

tui-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/hyperb1iss/hyperskills