Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub提供基于WASM的数据库及SSH连接导入组件的开发、调试与打包指南，涵盖WIT契约实现、跨平台配置解析、扩展清单构建及UI集成验证。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (24)
提供基于WASM的数据库及SSH连接导入组件的开发、调试与打包指南，涵盖WIT契约实现、跨平台配置解析、扩展清单构建及UI集成验证。
开发新的WASM连接导入器
调试连接导入UI冻结或扫描异常
打包和发布复合扩展
调整WIT契约绑定
npx skills add feigeCode/navop --skill connection-import-wasm -g -y
提供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框架的全方位开发指导，涵盖组件构建、状态管理、异步任务及测试等核心概念。用于解决GPUI应用开发中的API使用、布局样式、事件处理及最佳实践问题。
需要构建GPUI自定义元素或界面
处理GPUI上下文、实体状态或全局状态
实现GPUI异步后台任务或事件订阅
编写GPUI应用的单元测试
npx skills add feigeCode/navop --skill gpui -g -y
用于设计、实现和调试onetcli IPC数据库驱动，涵盖driver.json配置、协议方法定义及多语言运行时开发。
设计或更新IPC数据库驱动的manifest配置
实现数据库驱动的JSON-RPC路由逻辑
调试跨语言驱动运行时或协议兼容性
npx skills add feigeCode/navop --skill ipc-driver-development -g -y
用于创建新的 GPUI 组件，遵循现有模式和 Shadcn UI 风格。指导开发者根据复杂度选择无状态或有状态实现，保持 API 一致性，并生成文档与 Stories。
创建新的 UI 组件
编写前端界面元素
实现新的组件逻辑
npx skills add feigeCode/navop --skill new-component -g -y
指导创建GPUI组件，遵循现有模式、样式及API规范，区分无状态和有状态组件类型，并生成文档与Stories。
创建新的GPUI组件
编写UI元素实现
构建符合Shadcn UI模式的组件
npx skills add feigeCode/navop --skill new-component -g -y
用于创建新的 GPUI 组件，指导遵循现有代码模式、样式规范及 API 一致性，根据复杂度选择无状态或有状态实现，并生成文档和故事文件。
构建新 UI 组件
编写界面元素
创建新组件实现
npx skills add feigeCode/navop --skill new-component -g -y
用于实现和调试onetcli SSH连接导入器，处理OpenSSH配置解析、WASM序列化协议匹配及认证方法JSON解码错误等问题。
实现SSH连接导入逻辑
调试OpenSSH配置文件解析
修复WASM输出JSON与主机协议不匹配问题
解决SSH认证方法JSON解码未知变体错误
npx skills add feigeCode/navop --skill ssh-connection-import -g -y
提供gpui-component UI库的使用指南、设计规范与编码规范，涵盖组件选择、布局设计、状态管理及API决策，确保UI开发符合标准化要求。
使用gpui-component构建UI界面
配置或初始化UI库
处理组件状态或主题
查找合适的UI组件
设计布局、间距或视觉层次
编写界面文案
npx skills add feigeCode/navop --skill gpui-component -g -y
