Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub指导开发基于WASM的数据库及SSH连接导入器，涵盖从解析逻辑实现、WIT契约绑定到扩展打包与主机集成的全流程。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (24)
指导开发基于WASM的数据库及SSH连接导入器，涵盖从解析逻辑实现、WIT契约绑定到扩展打包与主机集成的全流程。
需要开发新的WASM连接导入组件
调试连接导入相关的WASM或UI问题
配置扩展清单或进行WASM打包发布
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特定API和模式
处理GPUI框架概念
npx skills add feigeCode/navop --skill gpui -g -y
指导设计、实现和调试 onetcli IPC 数据库驱动，涵盖 driver.json 配置、协议方法路由及跨语言运行时开发。
设计或更新 IPC 数据库驱动
调试驱动与主机间的通信问题
实现新的数据库连接方法
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风格及文档规范。
构建新组件
编写UI元素
创建组件实现
npx skills add feigeCode/navop --skill new-component -g -y
用于创建新的 GPUI UI 组件，指导遵循现有模式、样式一致性、状态管理决策及 API 规范，并生成文档和 Stories。
构建新的 UI 组件
编写界面元素
实现新组件逻辑
npx skills add feigeCode/navop --skill new-component -g -y
用于实现和调试onetcli的SSH连接导入器，涵盖OpenSSH配置解析、known_hosts处理及WASM输出JSON序列化。重点解决认证方法解码错误、预览扫描无记录等问题，确保符合主机协议规范。
调试SSH连接导入失败
解析OpenSSH配置文件或known_hosts
修复WASM输出JSON与主机协议不匹配
排查认证方法JSON解码错误
npx skills add feigeCode/navop --skill ssh-connection-import -g -y
提供gpui-component UI库的使用指南，涵盖组件选择、状态处理、主题设置及设计规范。指导开发者遵循桌面端优先原则，正确使用语义化Token和稳定ID，确保UI交互与架构规范。
构建GPUI界面
选择UI组件
设计布局与间距
处理组件状态或主题
npx skills add feigeCode/navop --skill gpui-component -g -y
