tui-component-design とは？
Bubbletea v2 と Charm エコシステムを使用して、保守可能でテスト可能な TUI コンポーネントを構築するためのベスト プラクティス。コンポーネントの構成、状態管理、非同期操作、ビジュアル モード、および一般的な落とし穴について説明します。 ソース: colonyops/hive。
·tui-component-design
</>
tui-component-design
✓Bubbletea v2 と Charm エコシステムを使用して、保守可能でテスト可能な TUI コンポーネントを構築するためのベスト プラクティス。コンポーネントの構成、状態管理、非同期操作、ビジュアル モード、および一般的な落とし穴について説明します。
インストール
tui-component-design のインストール方法
コマンドラインで tui-component-design AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/colonyops/hive --skill tui-component-design
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: colonyops/hive。
SKILL.md
原文を見るBest practices for building maintainable, testable TUI components using Bubbletea v2 and the Charm ecosystem, based on the hive diff viewer implementation.
Each component should be in its own file with clear boundaries:
Key principle: Each file should represent ONE component with its own Model, Update, and View methods.
Bubbletea v2 と Charm エコシステムを使用して、保守可能でテスト可能な TUI コンポーネントを構築するためのベスト プラクティス。コンポーネントの構成、状態管理、非同期操作、ビジュアル モード、および一般的な落とし穴について説明します。 ソース: colonyops/hive。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/colonyops/hive --skill tui-component-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-20
- 更新日
- 2026-03-10
クイックアンサー
tui-component-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/colonyops/hive --skill tui-component-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/colonyops/hive