Agent Skills
› feigeCode/navop
feigeCode/navop
GitHub指导开发、调试和打包基于WASM的连接导入器组件，涵盖DBeaver等工具集成、WIT契约验证及复合扩展发布流程。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (24)
指导开发、调试和打包基于WASM的连接导入器组件，涵盖DBeaver等工具集成、WIT契约验证及复合扩展发布流程。
实现新的WASM连接导入器
调试连接导入UI冻结或解析问题
打包或配置本地复合扩展可见性
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框架的全方位知识支持，涵盖动作键位、异步任务、上下文管理、自定义元素、实体状态、事件系统、焦点处理及布局样式。用于构建应用或查询特定API与模式指导。
构建GPUI应用
查询GPUI API
实现自定义元素
处理异步任务
npx skills add feigeCode/navop --skill gpui -g -y
指导开发、审查和调试onetcli IPC数据库驱动，涵盖driver.json配置、协议实现及打包测试。
设计或实现IPC数据库驱动
审查driver.json或扩展协议
调试驱动运行时或路由逻辑
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。
构建新组件
编写 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配置与known_hosts解析、WASM输出JSON序列化及协议解码错误排查。
实现SSH连接导入逻辑
调试known_hosts解析失败
修复SSH认证方法JSON解码错误
npx skills add feigeCode/navop --skill ssh-connection-import -g -y
提供gpui-component UI库的使用指南、设计规范与编码规范，涵盖组件选型、状态管理、主题设置及布局设计，指导开发者构建符合规范的桌面端应用界面。
使用 gpui-component 构建 UI
查询组件 API 或用法
遵循设计规范调整布局与交互
npx skills add feigeCode/navop --skill gpui-component -g -y
