·pi-tui-design
*

pi-tui-design

@mariozechner/pi-tui と @mariozechner/pi-coding-agent を使用して、pi 用に特別に細工された TUI コンポーネントを作成します。インタラクティブなターミナル UI を構築するときに使用します。カスタム コンポーネント、オーバーレイ、ダイアログ、ダッシュボード、ウィジェット、データ視覚化、アニメーション要素、ゲームのようなインターフェイス、または pi 拡張機能やカスタム ツール内のビジュアル TUI 作業などです。トリガー: 「TUI コンポーネントの構築」、「ダッシュボードの作成」、「オーバーレイの作成」、「インタラクティブ ウィジェット」、「ターミナル UI」、「カスタム コンポーネント」、「pi-tui」、または視覚的でインタラクティブなターミナル インターフェイスを作成するためのリクエスト。既存の TUI コンポーネントを美しくしたり再設計したりするときにも使用します。

21インストール·1トレンド·@joelhooks

インストール

$npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design

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

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

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

ソース: joelhooks/pi-tools。

Build terminal interfaces that feel crafted, not generated. The terminal is constrained — fixed-width character grid, keyboard only, theme-dependent colors — and those constraints are a design feature.

Terminal UIs have no font choices. Instead, the character repertoire is the typography:

| Box-drawing (light) | ─│┌┐└┘├┤┬┴┼ | Standard borders, tables | | Box-drawing (rounded) | ╭╮╰╯ | Softer, modern feel | | Box-drawing (heavy) | ━┃┏┓┗┛┣┫┳┻╋ | Emphasis, headers | | Box-drawing (double) | ═║╔╗╚╝╠╣╦╩╬ | Formal, structured | | Block elements | █▓▒░▀▄▌▐ | Progress bars, density, fill |

@mariozechner/pi-tui と @mariozechner/pi-coding-agent を使用して、pi 用に特別に細工された TUI コンポーネントを作成します。インタラクティブなターミナル UI を構築するときに使用します。カスタム コンポーネント、オーバーレイ、ダイアログ、ダッシュボード、ウィジェット、データ視覚化、アニメーション要素、ゲームのようなインターフェイス、または pi 拡張機能やカスタム ツール内のビジュアル TUI 作業などです。トリガー: 「TUI コンポーネントの構築」、「ダッシュボードの作成」、「オーバーレイの作成」、「インタラクティブ ウィジェット」、「ターミナル UI」、「カスタム コンポーネント」、「pi-tui」、または視覚的でインタラクティブなターミナル インターフェイスを作成するためのリクエスト。既存の TUI コンポーネントを美しくしたり再設計したりするときにも使用します。 ソース: joelhooks/pi-tools。

引用可能な情報

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

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

Browse more skills from joelhooks/pi-tools

クイックアンサー

pi-tui-design とは?

@mariozechner/pi-tui と @mariozechner/pi-coding-agent を使用して、pi 用に特別に細工された TUI コンポーネントを作成します。インタラクティブなターミナル UI を構築するときに使用します。カスタム コンポーネント、オーバーレイ、ダイアログ、ダッシュボード、ウィジェット、データ視覚化、アニメーション要素、ゲームのようなインターフェイス、または pi 拡張機能やカスタム ツール内のビジュアル TUI 作業などです。トリガー: 「TUI コンポーネントの構築」、「ダッシュボードの作成」、「オーバーレイの作成」、「インタラクティブ ウィジェット」、「ターミナル UI」、「カスタム コンポーネント」、「pi-tui」、または視覚的でインタラクティブなターミナル インターフェイスを作成するためのリクエスト。既存の TUI コンポーネントを美しくしたり再設計したりするときにも使用します。 ソース: joelhooks/pi-tools。

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

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

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

https://github.com/joelhooks/pi-tools

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-23

関連 Skills

なし