gpui について
gpuiは、GPUI開発者向けのリファレンススキルです。UI要素、エンティティ状態、イベント、非同期処理、テストなど、タスクに応じた資料を案内します。
主な機能
- 01タスク別のリファレンス案内
- 02アクションとキー割り当ての指針
- 03要素とエンティティ管理の資料
- 04テストのリファレンスと例
活用シーン
- 01GPUI固有のAPIを調べる
- 02キーボード操作や非同期処理を実装
- 03エンティティ状態管理をテスト
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ longbridge/ gpui-kit --skill gpuiインストール後、Claude Code で/gpuiを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/action.mdasync.mdcontext.mdelement-advanced.mdelement-api.mdelement-best-practices.mdelement-examples.mdelement-id.mdelement-patterns.mdelement.mdentity-advanced.mdentity-api.mdentity-best-practices.mdentity-patterns.mdentity.mdevent.mdfocus-handle.mdglobal.mdlayout-style.mdtest-examples.mdtest-reference.mdtest.md詳細
ナビゲーション
タスクに応じて、関連するリファレンスファイルを読み込んでください。
| トピック | ファイル | 読み込むタイミング |
|---|---|---|
| アクションとキー割り当て | action.md | actions!、bind_keys、on_action、key_context |
| 非同期処理とバックグラウンドタスク | async.md | cx.spawn、background_spawn、Task、非同期 I/O |
| コンテキスト管理 | context.md | App、Window、Context<T>、AsyncApp |
| カスタム要素(低レベル) | element.md | Element trait、request_layout、prepaint、paint |
| エンティティの状態 | entity.md | Entity<T>、WeakEntity、状態管理 |
| イベントとサブスクリプション | event.md | cx.emit、cx.subscribe、cx.observe |
| フォーカスとキーボード操作 | focus-handle.md | FocusHandle、track_focus、Tab ナビゲーション |
| グローバル状態 | global.md | Global trait、cx.set_global、アプリ全体の設定 |
| レイアウトとスタイル | layout-style.md | div()、h_flex()、v_flex()、フレックスボックス、オーバーフロー、配置 |
| ElementId | element-id.md | ElementId、.id()、一意性のルール、状態を持つ要素 |
| テスト | test.md | #[gpui::test]、TestAppContext、VisualTestContext |
拡張リファレンス
詳しいトピックについては、追加のリファレンスファイルを利用できます。
Element trait:
- element-api.md — API 全体、ヒットボックスシステム、イベント処理
- element-patterns.md — テキスト、インタラクティブ、コンテナ、複合パターン
- element-examples.md — テキスト、インタラクティブ、複雑な要素の完全な例
- element-best-practices.md — パフォーマンス、状態、よくある落とし穴
- element-advanced.md — 石畳状/円形レイアウト、非同期更新、仮想リスト
エンティティ管理:
- entity-api.md — Entity API 全体、メソッド、ライフサイクル
- entity-patterns.md — モデル・ビュー、エンティティ間通信、オブザーバー
- entity-best-practices.md — メモリ、パフォーマンス、ライフサイクル
- entity-advanced.md — コレクション、レジストリ、デバウンス、状態機械
テスト:
- test-examples.md — テストの例とパターン
- test-reference.md — テスト API の完全なリファレンス
コメント
Markdown 対応