gpui

Agent Skills › feigeCode/navop › gpui

GitHub

提供GPUI框架的全方位开发指导，涵盖组件构建、状态管理、异步任务及测试等核心概念。用于解决GPUI应用开发中的API使用、布局样式、事件处理及最佳实践问题。

.codex/skills/gpui/SKILL.md feigeCode/navop

Trigger Scenarios

需要构建GPUI自定义元素或界面处理GPUI上下文、实体状态或全局状态实现GPUI异步后台任务或事件订阅编写GPUI应用的单元测试

Install

npx skills add feigeCode/navop --skill gpui -g -y

More Options

Non-standard path

npx skills add https://github.com/feigeCode/navop/tree/dev/.codex/skills/gpui -g -y

Use without installing

npx skills use feigeCode/navop@gpui

指定 Agent (Claude Code)

npx skills add feigeCode/navop --skill gpui -a claude-code -g -y

安装 repo 全部 skill

npx skills add feigeCode/navop --all -g -y

预览 repo 内 skill

npx skills add feigeCode/navop --list

SKILL.md

Frontmatter

{
    "name": "gpui",
    "description": "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."
}

Navigation

Load the relevant reference file based on the task:

Topic	File	When to load
Actions & keybindings	action.md	`actions!`, `bind_keys`, `on_action`, `key_context`
Async & background tasks	async.md	`cx.spawn`, `background_spawn`, `Task`, async I/O
Context management	context.md	`App`, `Window`, `Context<T>`, `AsyncApp`
Custom elements (low-level)	element.md	`Element` trait, `request_layout`, `prepaint`, `paint`
Entity state	entity.md	`Entity<T>`, `WeakEntity`, state management
Events & subscriptions	event.md	`cx.emit`, `cx.subscribe`, `cx.observe`
Focus & keyboard nav	focus-handle.md	`FocusHandle`, `track_focus`, Tab navigation
Global state	global.md	`Global` trait, `cx.set_global`, app-wide config
Layout & styling	layout-style.md	`div()`, `h_flex()`, `v_flex()`, flexbox, overflow, positioning
ElementId	element-id.md	`ElementId`, `.id()`, uniqueness rules, stateful elements
Testing	test.md	`#[gpui::test]`, `TestAppContext`, `VisualTestContext`