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 Action宏或结构体
处理上下文感知的按键事件
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、Context<T>及AsyncApp等核心类型。指导用户进行实体创建更新、窗口操作、异步任务调度及事件通知，解决UI渲染与状态同步问题。
需要管理GPUI应用全局或局部状态时
执行窗口布局、绘制或焦点控制时
在组件中触发重渲染或处理异步逻辑时
涉及实体创建、读取或更新操作时
npx skills add feigeCode/navop --skill gpui-context -g -y
介绍GPUI低层级Element API的使用，用于实现需要精细控制布局、预绘制和绘制阶段的复杂高性能自定义UI组件。
需要精细控制布局计算
构建高性能自定义UI组件
实现自定义布局算法
npx skills add feigeCode/navop --skill gpui-element -g -y
GPUI框架中实体状态管理的技能，提供安全并发访问、强/弱引用处理及响应式更新模式。
管理组件状态
协调组件间数据
处理异步操作中的状态更新
实现响应式模式
npx skills add feigeCode/navop --skill gpui-entity -g -y
GPUI事件系统技能，涵盖自定义事件定义与发射、实体状态观察及组件间订阅机制。用于实现观察者模式、父子通信及全局广播，协调组件交互。
需要实现组件间事件通信
监听实体状态变化
构建发布-订阅架构
npx skills add feigeCode/navop --skill gpui-event -g -y
管理GPUI界面焦点与键盘导航，提供创建焦点句柄、追踪当前焦点元素及Tab键遍历的处理能力。
需要实现组件焦点获取或失去处理
配置键盘Tab键导航顺序
构建支持键盘操作的GUI界面
npx skills add feigeCode/navop --skill gpui-focus-handle -g -y
GPUI框架中的全局状态管理技能，支持应用级配置、功能开关及共享资源的定义、设置与访问。
需要实现应用级全局状态管理
需要共享应用配置或资源
npx skills add feigeCode/navop --skill gpui-global -g -y
提供GPUI框架中基于Rust的类型安全CSS风格样式指南，涵盖Flexbox布局、尺寸单位、颜色、边框及主题集成，辅助开发者高效构建和美化用户界面组件。
需要设置UI组件的布局和样式
使用GPUI进行前端界面开发
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代码模式的组件开发风格指南，涵盖结构、特质实现及命名规范，用于指导新组件编写、代码审查和保持实现一致性。
编写新的GPUI组件
审查现有组件代码
确保与gpui-component实现的一致性
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
