Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub提供GPUI框架中Action定义、键盘快捷键绑定及上下文感知的开发指南，支持简单与参数化Action实现。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (13)
提供GPUI框架中Action定义、键盘快捷键绑定及上下文感知的开发指南，支持简单与参数化Action实现。
实现GPUI键盘交互逻辑
配置快捷键绑定
处理上下文相关按键事件
npx skills add feigeCode/navop --skill gpui-action -g -y
提供GPUI框架中异步操作与后台任务的处理指南，涵盖前台UI更新、后台计算及任务生命周期管理，确保线程安全。
需要处理GPUI中的异步数据获取
执行CPU密集型后台计算并更新UI
管理后台任务的启动与取消
npx skills add feigeCode/navop --skill gpui-async -g -y
GPUI框架上下文管理指南，涵盖App、Window、Context及异步上下文的层级关系与核心操作，用于指导UI渲染、实体管理及异步任务开发。
使用GPUI进行前端组件开发
处理GPUI应用中的窗口状态或实体更新
需要在GPUI中执行异步UI操作
npx skills add feigeCode/navop --skill gpui-context -g -y
基于GPUI底层Element API实现高性能、复杂自定义UI组件，提供对布局、预绘制和渲染阶段的精细控制。
需要自定义复杂布局算法
构建性能敏感的高阶UI组件
标准Render API无法满足需求
npx skills add feigeCode/navop --skill gpui-element -g -y
GPUI框架中Entity状态管理技能，提供安全并发访问、强/弱引用处理及异步状态更新。指导组件状态协调、防内存泄漏及避免嵌套更新等最佳实践。
需要管理应用或组件状态
处理跨组件数据共享与同步
实现响应式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框架中全局状态管理的使用，包括定义Global trait、设置访问全局数据及更新机制。涵盖应用配置、功能开关和共享服务等场景，提供Arc最佳实践。
需要实现应用级全局状态
跨组件共享配置或资源
npx skills add feigeCode/navop --skill gpui-global -g -y
提供GPUI框架中基于Rust的类型安全CSS样式与布局指南，涵盖Flexbox、尺寸单位、颜色边框及主题集成，用于组件样式开发。
需要设置GPUI组件的布局或样式
使用Flexbox进行元素排列
配置颜色、边框或阴影属性
npx skills add feigeCode/navop --skill gpui-layout-and-style -g -y
提供基于gpui-component代码模式的组件开发风格指南，涵盖结构、命名及API规范。用于编写新组件、代码审查及确保实现一致性。
编写新的GPUI组件
审查组件代码一致性
遵循gpui-component模式
npx skills add feigeCode/navop --skill gpui-style-guide -g -y
GPUI应用测试技能，提供组件、异步操作及UI行为的测试方法。涵盖基础、异步及属性测试，支持无窗口和有窗口上下文，助力编写确定性且高效的Rust测试用例。
需要为GPUI组件编写单元测试
测试异步操作或UI交互行为
配置GPUI测试上下文环境
npx skills add feigeCode/navop --skill gpui-test -g -y
用于创建新的GPUI组件，指导开发者遵循现有模式、样式和API规范。涵盖无状态与有状态组件的选择，并包含文档编写及Storybook故事文件生成的指引。
构建新的UI组件
编写前端界面元素
实现新的组件逻辑
npx skills add feigeCode/navop --skill new-component -g -y
