Agent Skills
› feigeCode/navop
feigeCode/navop
GitHubGPUI框架中动作定义与键盘快捷键绑定的开发指南，涵盖动作宏、键位绑定、上下文感知及最佳实践。
Install All Skills
npx skills add feigeCode/navop --all -g -y
Skills in Collection (14)
GPUI框架中动作定义与键盘快捷键绑定的开发指南，涵盖动作宏、键位绑定、上下文感知及最佳实践。
实现GPUI动作
配置键盘快捷键
设置键位绑定
npx skills add feigeCode/navop --skill gpui-action -g -y
提供GPUI框架中异步操作与后台任务的开发指南，涵盖前台UI更新、后台计算及任务管理模式的代码示例与最佳实践。
处理GPUI中的异步I/O
协调前台UI与后台工作
实现长时间运行的计算任务
npx skills add feigeCode/navop --skill gpui-async -g -y
提供GPUI框架中App、Window及AsyncApp等上下文类型的用法，涵盖实体管理、异步任务及窗口操作。
GPUI应用开发
UI组件状态更新
异步后台任务处理
npx skills add feigeCode/navop --skill gpui-context -g -y
介绍 GPUI 底层 Element API 的使用，适用于需要精细控制布局、预绘和绘制阶段的复杂高性能自定义 UI 组件开发。
实现复杂的自定义 UI 组件
需要精确控制布局算法
High-level Render/RenderOnce API 无法满足需求
npx skills add feigeCode/navop --skill gpui-element -g -y
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键顺序配置功能。
需要实现键盘导航
管理界面焦点状态
处理焦点进入或失去事件
npx skills add feigeCode/navop --skill gpui-focus-handle -g -y
GPUI全局状态管理技能，用于实现应用级共享数据、配置和资源的存取。通过Global trait定义全局状态，支持设置、读取及更新，适用于应用配置、功能开关和服务注册等场景。
需要实现应用级全局状态管理
需要访问或修改全局配置
需要共享资源如HTTP客户端或日志器
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应用的性能优化指导，涵盖渲染循环、内存管理、布局复杂度及性能剖析策略。用于解决渲染卡顿、内存泄漏等性能问题，提升应用运行效率。
用户询问如何优化GPUI渲染性能
需要减少不必要的重渲染
处理GPUI应用中的内存管理问题
调试GPUI应用的性能瓶颈
npx skills add feigeCode/navop --skill gpui-performance -g -y
基于gpui-component代码模式的UI组件开发规范，涵盖结构、命名及API模式，用于指导新组件编写与代码审查。
编写新的GPUI组件
审查UI组件代码一致性
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风格，并根据复杂度选择无状态或有状态实现，同时生成文档和故事文件。
构建新组件
编写UI元素
创建组件实现
npx skills add feigeCode/navop --skill new-component -g -y
