Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub提供GPUI框架中Action定义、键盘快捷键绑定及上下文感知的开发指南，涵盖宏定义、参数传递、键位格式及最佳实践。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (13)
提供GPUI框架中Action定义、键盘快捷键绑定及上下文感知的开发指南，涵盖宏定义、参数传递、键位格式及最佳实践。
实现GPUI界面交互逻辑
配置键盘快捷键映射
处理基于上下文的按键事件
npx skills add feigeCode/navop --skill gpui-action -g -y
提供GPUI框架中异步操作与后台任务的最佳实践，涵盖前台UI更新、后台计算及任务管理。用于处理并发I/O、长耗时运算及前后端线程协调，防止跨线程访问实体错误。
需要执行异步数据获取或后台计算
涉及GPUI中的spawn或background_spawn操作
处理前台UI线程与后台工作线程的协调
npx skills add feigeCode/navop --skill gpui-async -g -y
提供GPUI框架中App、Window、Context等上下文类型的详细用法，涵盖实体管理、异步任务、窗口操作及事件通知，辅助开发者正确进行UI渲染和状态更新。
需要管理GPUI应用或窗口上下文
在组件中处理实体状态更新
实现GPUI中的异步后台任务
处理窗口焦点或布局相关操作
npx skills add feigeCode/navop --skill gpui-context -g -y
介绍GPUI低层Element API，用于实现高性能、复杂自定义UI组件。通过request_layout、prepaint和paint三阶段渲染流程，提供对布局和绘制的精细控制，适用于Render/RenderOnce无法满足的场景。
需要精细控制布局计算
构建性能关键型复杂组件
实现自定义布局算法
高阶API不足时
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框架中全局状态管理的实现指南，涵盖Global Trait定义、配置设置与访问、更新机制及最佳实践，适用于应用级共享数据管理。
需要在全局范围内共享状态
实现应用级配置管理
管理跨组件的共享资源
npx skills add feigeCode/navop --skill gpui-global -g -y
提供GPUI框架的布局与样式指南，涵盖Flexbox、尺寸单位、颜色及主题集成。用于指导开发者使用Rust类型安全的CSS-like属性构建UI组件和页面结构。
需要设置UI组件的宽高、边距或背景色
实现Flexbox布局或响应式间距
应用主题颜色或条件样式
npx skills add feigeCode/navop --skill gpui-layout-and-style -g -y
提供基于gpui-component代码模式的组件开发风格指南，涵盖结构、特质实现及命名规范，用于指导新组件编写、代码审查及保持实现一致性。
编写新的GPUI组件
审查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 一致性维护、文档编写及 Storybook 故事文件生成，确保 UI 元素实现规范统一。
需要新建 GPUI 组件时
编写 UI 元素或组件实现时
npx skills add feigeCode/navop --skill new-component -g -y
