Agent Skills
› feigeCode/navop
feigeCode/navop
GitHubGPUI 框架中用于定义动作、键盘快捷键及绑定的技能。支持简单动作、带参数动作、上下文感知绑定及命名规范，帮助开发者实现声明式的键盘驱动 UI 交互。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (14)
GPUI 框架中用于定义动作、键盘快捷键及绑定的技能。支持简单动作、带参数动作、上下文感知绑定及命名规范，帮助开发者实现声明式的键盘驱动 UI 交互。
需要定义 GPUI 动作
配置键盘快捷键绑定
处理键位上下文切换
npx skills add feigeCode/navop --skill gpui-action -g -y
GPUI异步操作与后台任务指南，涵盖前台UI更新、后台计算及任务管理。提供数据获取、周期性任务等核心模式示例，并警示常见陷阱如从后台线程更新实体。
处理GPUI中的异步I/O
执行后台CPU密集型计算
协调前台UI与后台工作
管理长运行任务生命周期
npx skills add feigeCode/navop --skill gpui-async -g -y
GPUI框架上下文管理指南，涵盖App、Window及AsyncApp等核心类型。提供组件状态更新、实体操作、事件监听及异步任务执行示例，帮助开发者高效处理UI渲染与逻辑控制。
询问GPUI上下文使用
需要创建或更新实体
处理窗口特定操作
实现异步UI任务
npx skills add feigeCode/navop --skill gpui-context -g -y
基于GPUI底层Element API实现高性能自定义UI组件，提供对布局、预绘制和绘制阶段的精细控制。适用于复杂算法及Render/RenderOnce无法满足的场景。
需要精细控制布局计算
构建性能关键型组件
实现自定义布局算法
高阶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键顺序导航的方法，支持构建可访问的键盘驱动界面。
需要管理UI元素焦点时
实现键盘导航或快捷键交互时
处理焦点获取或失去的事件逻辑时
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、尺寸单位、颜色边框及主题集成，用于快速构建和美化UI组件。
需要设置GPUI组件样式
使用Flexbox进行布局
调整组件尺寸或间距
npx skills add feigeCode/navop --skill gpui-layout-and-style -g -y
提供GPUI应用的性能优化指南，涵盖渲染循环控制、内存管理及性能分析策略。用于解决界面卡顿、过度重绘及资源浪费等问题，提升应用运行效率与响应速度。
需要优化GPUI应用渲染性能
调试应用性能瓶颈或卡顿问题
减少不必要的组件重渲染
优化内存使用与布局复杂度
npx skills add feigeCode/navop --skill gpui-performance -g -y
基于gpui-component代码模式的前端组件开发风格指南，涵盖组件结构、Trait实现及命名规范，用于指导新组件编写与代码审查。
编写新的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 一致性，并根据复杂度选择无状态或有状态实现，同时包含文档和 Story 编写要求。
构建新的 UI 组件
编写前端界面元素
创建组件实现代码
npx skills add feigeCode/navop --skill new-component -g -y
