Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub提供GPUI中声明式键盘交互的实现指南，涵盖Action定义、快捷键绑定、参数传递及上下文感知机制，辅助开发者构建用户界面交互逻辑。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (14)
提供GPUI中声明式键盘交互的实现指南，涵盖Action定义、快捷键绑定、参数传递及上下文感知机制，辅助开发者构建用户界面交互逻辑。
实现键盘快捷键或按键绑定
定义GPUI Action结构体
处理带参数的Action
npx skills add feigeCode/navop --skill gpui-action -g -y
指导 GPUI 中异步操作与后台任务处理，涵盖前台 UI 更新、后台计算及任务管理，确保线程安全与并发协调。
GPUI 应用中的异步数据请求
后台执行耗时计算任务
需要定期轮询或定时触发的 UI 更新
npx skills add feigeCode/navop --skill gpui-async -g -y
GPUI框架中App、Window、Context等上下文类型的管理指南，涵盖实体操作、异步任务及窗口状态处理。
需要创建或更新GPUI实体时
处理窗口布局或渲染逻辑时
在组件中执行异步后台任务时
npx skills add feigeCode/navop --skill gpui-context -g -y
基于GPUI底层Element API实现高性能自定义UI组件，提供布局、预绘和绘制阶段的精细控制。
需要精细控制布局计算
构建复杂或性能关键的自定义UI组件
实现非标准布局算法如瀑布流
高级Render/RenderOnce API无法满足需求
npx skills add feigeCode/navop --skill gpui-element -g -y
GPUI框架下的实体管理技能，提供类型安全的状态访问、更新及并发处理。涵盖强/弱引用使用、组件间状态协调及异步操作中的安全状态同步，防止内存泄漏和借用冲突。
需要在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 键切换等交互事件。
实现界面元素的焦点管理
添加键盘导航功能
npx skills add feigeCode/navop --skill gpui-focus-handle -g -y
GPUI全局状态管理技能，指导如何定义、设置和访问应用级共享数据。涵盖配置、功能开关及共享服务场景，强调使用Arc处理共享资源及手动通知渲染的最佳实践。
需要实现应用级全局状态管理
配置App-wide共享资源或全局变量
在GPUI框架中访问跨组件数据
npx skills add feigeCode/navop --skill gpui-global -g -y
GPUI组件布局与样式技能，支持Rust类型安全的CSS风格样式链式调用。涵盖Flexbox布局、尺寸单位、颜色边框及主题集成，用于构建响应式UI界面。
需要设置GPUI组件的布局或样式
使用Flexbox进行元素排列
配置尺寸、颜色或主题属性
npx skills add feigeCode/navop --skill gpui-layout-and-style -g -y
提供GPUI应用的性能优化指南，涵盖渲染循环管理、避免冗余重绘、订阅更新优化及内存缓存策略，旨在提升渲染效率与运行时速度。
需要优化GPUI应用性能
调试性能问题
减少不必要的重绘
优化内存管理
npx skills add feigeCode/navop --skill gpui-performance -g -y
提供基于gpui-component代码模式的组件开发风格指南，涵盖结构、命名及API规范，用于指导新组件编写与代码审查。
编写新的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故事文件。
构建新的GPUI组件
编写UI元素
创建新组件实现
npx skills add feigeCode/navop --skill new-component -g -y
