Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub提供GPUI中Action定义、键盘快捷键绑定及上下文感知的开发指南，帮助实现声明式键盘驱动的UI交互。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (14)
提供GPUI中Action定义、键盘快捷键绑定及上下文感知的开发指南，帮助实现声明式键盘驱动的UI交互。
需要定义新的Action或快捷键
实现基于上下文的键位绑定
处理带参数的Action逻辑
npx skills add feigeCode/navop --skill gpui-action -g -y
指导在GPUI框架中处理异步操作与后台任务，区分前台UI线程更新与后台CPU密集型工作，涵盖数据获取、周期任务及取消机制。
需要执行异步I/O操作
需要在后台线程进行CPU密集型计算
协调前台UI更新与后台任务
npx skills add feigeCode/navop --skill gpui-async -g -y
GPUI框架上下文管理指南，涵盖App、Window及AsyncApp等核心上下文类型的使用。提供组件状态更新、实体操作、异步任务调度及窗口管理等代码示例，帮助开发者正确处理UI渲染与数据同步。
需要创建或更新GPUI实体
处理窗口焦点或布局操作
在组件中执行异步后台任务
触发界面重新渲染
npx skills add feigeCode/navop --skill gpui-context -g -y
介绍 GPUI 底层 Element API，用于实现高性能、复杂布局及交互控制的自定义 UI 组件。
需要精细控制布局计算
构建性能关键型组件
实现自定义布局算法
npx skills add feigeCode/navop --skill gpui-element -g -y
提供GPUI框架中Entity状态管理的最佳实践，涵盖强/弱引用使用、异步操作及组件间状态协调，确保线程安全与避免内存泄漏。
管理GPUI应用中的组件状态
处理实体间的共享数据更新
实现响应式UI的状态同步
npx skills add feigeCode/navop --skill gpui-entity -g -y
提供GPUI框架中的事件处理与订阅指南，涵盖自定义事件、实体观察及组件间通信模式。用于实现观察者模式和事件驱动架构。
实现组件间通信
处理状态变更通知
构建事件驱动逻辑
npx skills add feigeCode/navop --skill gpui-event -g -y
管理GPUI界面焦点与键盘导航。提供焦点句柄创建、元素聚焦控制、焦点状态监听及Tab键顺序管理等功能，用于构建支持键盘操作的交互式界面。
需要实现键盘导航功能
处理元素焦点获取与失去事件
配置Tab键切换顺序
npx skills add feigeCode/navop --skill gpui-focus-handle -g -y
用于在GPUI框架中管理全局状态，支持应用级配置、功能标志和共享资源的定义、设置与访问。
实现应用级全局状态管理
配置跨组件共享数据或资源
npx skills add feigeCode/navop --skill gpui-global -g -y
提供GPUI框架的布局与样式指南，涵盖Flexbox、尺寸单位、颜色及主题集成，辅助开发者进行组件样式设置。
需要设置GPUI组件布局
使用CSS-like属性或Flexbox
调整组件尺寸、颜色或边框
npx skills add feigeCode/navop --skill gpui-layout-and-style -g -y
提供GPUI应用性能优化指南，涵盖渲染周期管理、避免不必要的重绘、布局复杂度降低及内存与剖析策略，用于解决性能瓶颈。
用户需要优化GPUI应用的渲染或布局性能
用户遇到GPUI应用的性能问题或卡顿
npx skills add feigeCode/navop --skill gpui-performance -g -y
提供基于 gpui-component 代码模式的组件开发风格指南，涵盖结构、命名、API 及 Trait 实现，用于指导新组件编写与代码审查。
编写新的 GPUI 组件
审查前端 UI 组件代码
确保代码符合 gpui 规范
npx skills add feigeCode/navop --skill gpui-style-guide -g -y
用于编写GPUI应用的测试，涵盖组件、异步操作及UI行为。支持基础与异步测试属性，提供TestAppContext和VisualTestContext两种上下文以处理无窗口和有窗口场景的确定性执行。
需要为GPUI UI组件编写单元测试
需要测试异步操作或分布式系统逻辑
需要模拟窗口交互进行视觉测试
npx skills add feigeCode/navop --skill gpui-test -g -y
用于创建新的 GPUI 组件，遵循现有模式和 Shadcn UI 风格。指导开发者根据复杂度选择无状态或有状态实现，保持 API 一致性，并生成文档与 Stories。
创建新的 UI 组件
编写前端界面元素
实现新的组件逻辑
npx skills add feigeCode/navop --skill new-component -g -y
