本文へ移動
cccskills
無料GitHub で公開日本語紹介

gpui

GPUIアプリの開発で、キー操作や画面レイアウト、状態管理、イベント、テストなどのAPIや実装パターンを調べ、必要な知識を参照できます。

原文原文の説明を見る

GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T>/AsyncApp), custom elements (low-level Element trait), entity state management, event system, focus handling, global state, layout/styling (flexbox/CSS-like), and testing. Use when working with any GPUI framework concept, building GPUI applications, or needing guidance on GPUI-specific APIs and patterns.

feigeCode/navopスター 1,941(GitHub 1,941 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • GPUIのAPIを調べたいとき
  • キー操作やフォーカスを実装したいとき
  • イベントや状態を管理したいとき
  • 独自要素やレイアウトを作りたいとき
  • GPUIのテストを書きたいとき

日本語での紹介

できること

GPUIアプリを開発するときに、必要なテーマのリファレンスを参照できます。キー操作とアクション、非同期処理、アプリやウィンドウのコンテキスト、エンティティによる状態管理、イベント購読、フォーカス、グローバル状態、レイアウトやスタイル、テストなどを扱います。低レベルの Element trait を使った独自要素については、APIや実装パターン、例、注意点をまとめた資料も用意されています。作業に合わせて関連資料を選ぶ構成です。

こんなときに便利

GPUI固有のAPIや実装方法を確認したいとき、アプリの画面や操作を作るとき、状態やイベントの扱い方に迷ったときに役立ちます。テストの書き方や、独自要素の設計を調べる場面にも向いています。

使い方の例

  • 「GPUIでキー操作を登録する方法を教えて」
  • 「この画面の状態管理に必要なリファレンスを確認して」
  • 「Element traitを使う要素の実装例を調べて」

注意点

特記事項はありません。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(23)

  • SKILL.md3.0 KB
  • references/action.md3.7 KB
  • references/async.md6.0 KB
  • references/context.md6.1 KB
  • references/element-advanced.md20.0 KB
  • references/element-api.md11.0 KB
  • references/element-best-practices.md13.2 KB
  • references/element-examples.md17.7 KB
  • references/element-id.md2.4 KB
  • references/element-patterns.md14.7 KB
  • references/element.md3.7 KB
  • references/entity-advanced.md12.6 KB
  • references/entity-api.md8.5 KB
  • references/entity-best-practices.md14.7 KB
  • references/entity-patterns.md12.9 KB
  • references/entity.md7.2 KB
  • references/event.md5.6 KB
  • references/focus-handle.md4.9 KB
  • references/global.md3.9 KB
  • references/layout-style.md6.2 KB
  • references/test-examples.md3.3 KB
  • references/test-reference.md13.0 KB
  • references/test.md2.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Navigation

Load the relevant reference file based on the task:

TopicFileWhen to load
Actions & keybindingsaction.mdactions!, bind_keys, on_action, key_context
Async & background tasksasync.mdcx.spawn, background_spawn, Task, async I/O
Context managementcontext.mdApp, Window, Context<T>, AsyncApp
Custom elements (low-level)element.mdElement trait, request_layout, prepaint, paint
Entity stateentity.mdEntity<T>, WeakEntity, state management
Events & subscriptionsevent.mdcx.emit, cx.subscribe, cx.observe
Focus & keyboard navfocus-handle.mdFocusHandle, track_focus, Tab navigation
Global stateglobal.mdGlobal trait, cx.set_global, app-wide config
Layout & stylinglayout-style.mddiv(), h_flex(), v_flex(), flexbox, overflow, positioning
ElementIdelement-id.mdElementId, .id(), uniqueness rules, stateful elements
Testingtest.md#[gpui::test], TestAppContext, VisualTestContext

Extended References

For deep-dive topics, additional reference files are available:

Element trait:

Entity management:

Testing:

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

connection-import-wasm

無料概要あり

DBeaverやNavicatなどの接続情報を取り込むWASM拡張の実装から、マニフェスト設定、ホスト連携、表示やプレビューの不具合調査まで扱います。

  • 新しい接続インポーターを作りたいとき
  • WASM拡張が表示されない原因を調べたいとき
  • 接続プレビューの停止を調査したいとき
feigeCode/navop1,9412026年10月26日 更新

gpui-component

無料概要あり

GPUIアプリのUIをgpui-componentで組み立てる際に、コンポーネントの選び方や状態管理、テーマ、レイアウト、操作設計、実装規約を確認できます。

  • 画面に合う部品を選びたいとき
  • コンポーネントをセットアップしたいとき
  • 状態管理やテーマを確認したいとき
feigeCode/navop1,9412026年10月26日 更新

ipc-driver-development

無料概要あり

onetcliのIPCデータベースドライバーを、マニフェストやJSON-RPCの契約に沿って設計・実装・レビューし、メタデータ、DDL、入出力や配布まで扱うスキルです。

  • IPCデータベースドライバーを新規作成したいとき
  • driver.jsonの機能やメソッドを設計したいとき
  • スキーマやDDLの不具合を調べたいとき
feigeCode/navop1,9412026年10月26日 更新

navop

無料概要あり

起動中のNavopデスクトップアプリが公開するリソースや操作を、CLIから確認して実行できます。利用可能なツールや権限を調べ、承認に沿って処理を進めます。

  • Navopの利用可能なツールを調べたいとき
  • 操作前に入力スキーマを確認したいとき
  • Navop経由でリソースを操作したいとき
feigeCode/navop1,9412026年10月26日 更新

navop-release-notes

無料概要あり

Navopの変更内容を中国語と英語でまとめ、CHANGELOG.mdを基準にGitHub ReleasesやR2のリリースノートを準備・確認するスキルです。

  • Navopの二言語リリースノートを作りたいとき
  • CHANGELOG.mdの項目を確認したいとき
  • タグ作成前にリリース内容を整理したいとき
feigeCode/navop1,9412026年10月26日 更新

new-component

無料概要あり

既存の実装やデザイン規則に沿って、GPUIの新しいUIコンポーネントを設計・実装し、関連ドキュメントとストーリーも用意するスキルです。

  • GPUIに新しいUI部品を追加したいとき
  • 状態を持つかどうか判断したいとき
  • 既存の部品とAPIや見た目をそろえたいとき
feigeCode/navop1,9412026年10月26日 更新

feigeCode のスキルをすべて見る

このスキルの問題を報告する