Loading...
Loading...
共找到 260 个 Skills
2025/2026年现代React组合模式。适用于设计组件API、构建共享UI库或重构包含大量props的组件场景。
TypeScript + React 19 应用程序的专业代码评审专家。适用于React代码评审、识别反模式、评估状态管理或评估代码可维护性场景。触发场景：代码评审请求、PR评审、React架构评估、识别代码异味、TypeScript类型安全检查、useEffect滥用检测、状态管理评审。
将Riverpod从StateNotifier迁移至Notifier/AsyncNotifier，从ChangeNotifier迁移至AsyncNotifier，或从0.13/0.14版本升级至1.0版本；涉及ref.onDispose、family、生命周期、riverpod migrate CLI工具。适用于用户询问从StateNotifier迁移、从ChangeNotifier迁移、Riverpod 0.13升级到0.14、0.14升级到1.0，或Riverpod迁移指南相关问题时。
使用Riverpod的Consumer、ConsumerWidget和ConsumerStatefulWidget在组件中读取和监听providers；涉及WidgetRef、builder的ref参数。适用于构建需要访问Riverpod providers的组件、在UI中使用ref.watch或ref.read，或者将StatelessWidget转换为ConsumerWidget的场景。当用户询问如何在Flutter组件中使用providers，或者为何需要ConsumerWidget时，优先使用本技能。
为React应用使用Effect Atom实现响应式状态管理
当用户希望并行批量构建Arckit工件，而非逐个运行单独的/arckit:*命令时，应使用此Skill。当任务描述类似'启动构建'、'构建所有内容'、'生成所有工件'、'运行所有命令'、'从头重建项目'、'恢复构建'、'从上次中断处继续'、'刷新工件'、'执行构建方案'、'端到端构建整个项目'或'并行构建'，或者提及`--plan`、`--resume`、`--target`、`--refresh`、`--recipe`或`.arckit/state.json`时，加载此Skill。该Skill通过子Agent隔离来编排并行的/arckit:*生成流程：读取项目状态、计算工件依赖DAG、为每个批次的每个目标分配一个子Agent（每个子Agent在自身上下文调用/arckit:* Skill）、验证输出、提交批次成果，并将进度持久化到.arckit/state.json以支持恢复功能。
使用Apollo Client 4.x构建React应用的指南。在以下场景使用本技能：(1) 在React项目中设置Apollo Client，(2) 使用hooks编写GraphQL查询或变更，(3) 配置缓存或缓存策略，(4) 使用响应式变量管理本地状态，(5) 排查Apollo Client的错误或性能问题。
适用于共享可组合项的高级Compose Multiplatform UI模式。在处理可视化UI组件、状态管理模式（remember、derivedStateOf、produceState）、重组优化（@Stable/@Immutable的可视化用法）、Material3主题、自定义ImageVector图标，或决定是在commonMain中共享UI还是保留平台特定实现时使用。导航相关内容委托给android-expert/desktop-expert。与kotlin-expert互补（后者负责状态/注解的Kotlin语言层面内容）。
全面的前端开发专家，擅长使用React、Vue、Angular及现代工具（包括状态管理、测试和性能优化）构建现代Web应用
Axum Web框架完全指南，涵盖路由、提取器、中间件、状态管理、错误处理及生产环境部署
基于Dart的Flutter跨平台UI工具包，适用于移动/网页/桌面端开发。
基于Hooks和函数式组件的现代React用法。触发场景：创建组件、实现Hooks、状态管理或性能优化时。