搜索结果: "react"
AI代理模式Skill AIAgentPatterns
这个技能是关于设计模式,用于构建自主AI代理,能够进行推理、规划和执行任务。它涵盖了代理架构(如ReAct、Plan-and-Execute)、核心组件(内存、规划、工具使用)、框架(LangChain、AutoGPT、CrewAI、Semantic Kernel)、工具设计、多代理系统、错误恢复、护栏、评估和生产部署。适用于AI智能体开发和自主系统构建,关键词包括:AI代理、模式、自主系统、LLM、推理、规划、执行、架构设计、AI智能体开发、代理系统、工具使用、内存管理、安全护栏。
改善技能Skill kaizen
这个技能将精益制造原则(如5 Whys根因分析、Ishikawa因果图、PDCA循环)应用到软件开发中,用于系统问题解决、代码审查、生产事件分析和质量改进。适用于TypeScript/React项目,帮助团队实现持续改进、错误预防和标准化工作,提升开发效率和代码质量。关键词:精益制造、持续改进、5 Whys、Ishikawa、PDCA、软件开发、问题解决、代码质量、TypeScript、React、DevOps、质量保证。
UI/UXProMaxSkill ui-ux-pro-max
UI/UX Pro Max是一个全面的设计智能技能,专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型,支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性,提高设计效率和专业性。关键词:UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。
Cypress测试框架Skill cypress
Cypress测试框架是一个用于端到端测试和组件测试的工具,提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试,支持React、Vue、Angular、Svelte等多种框架,包括设置测试、编写测试用例、调试测试和优化性能。关键词:Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。
AntDesignMobile移动UI组件库技能Skill ant-design-mobile
Ant Design Mobile 是一个专为React移动应用设计的UI组件库,提供丰富的移动端组件如按钮、输入框、表单等,支持主题定制、平台适配和移动特定功能如下拉刷新、无限滚动。适用于构建移动友好界面,提升开发效率,关键词包括:Ant Design Mobile, 移动UI, React组件, 移动应用开发, UI组件库。
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式,包括Server Components、流式渲染、并行路由和高效数据获取,适用于构建高性能、可扩展的Next.js应用程序,优化服务器端渲染和静态生成,提升全栈开发效率和用户体验。关键词:Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
ReactuseEffect最佳实践指南Skill react-useeffect
React useEffect钩子使用规范与优化技巧,涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架,包含常见反模式解决方案和替代方案推荐。关键词:React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架(如React、Vue、Angular)之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移,支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器,实现高效、准确的框架迁移,减少手动重构工作量,提升前端项目现代化升级效率。
深度链接技能Skill deep-linking
深度链接技能是移动应用开发的核心技术,用于实现iOS Universal Links、Android App Links和自定义URL方案,支持跨平台深度链接配置、延迟深度链接处理、应用内导航路由和链接验证。该技能涵盖AASA文件配置、assetlinks.json设置、SwiftUI/UIKit/Kotlin/React Native实现、服务器验证和最佳实践,帮助开发者构建无缝的用户体验,实现从网页、邮件、通知到应用内特定页面的直接跳转。
ReactHooks专家技能Skill react-hooks
React Hooks 专家技能提供React框架中hooks模式的专业实现方案,包括自定义hooks开发、状态管理优化、性能调优和测试策略。本技能涵盖数据获取hooks、副作用管理、记忆化优化等关键技术,适用于前端开发人员构建高效、可维护的React应用。关键词:React Hooks, 自定义hooks, 前端开发, 状态管理, 性能优化, React Testing Library, 数据获取, 副作用处理。
ReactQuery服务器状态管理Skill react-query
这是一个关于 TanStack Query(React Query)的专业技能,专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词:React Query,服务器状态管理,数据缓存,乐观更新,无限查询,前端性能优化,React 数据获取。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案,包括类型安全的存储创建、中间件集成(持久化、DevTools、Immer)、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景,关键词包括:Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。