搜索结果: "react"
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。
Detox移动测试技能Skill detox
Detox移动测试框架技能提供全面的指导，涵盖React Native测试、端到端测试和测试同步，适用于移动应用测试和质量保证，关键词包括移动测试、React Native、E2E测试、测试同步、Detox框架。
ZustandTypeScript集成Skill zustand-typescript
这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。
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实现、服务器验证和最佳实践，帮助开发者构建无缝的用户体验，实现从网页、邮件、通知到应用内特定页面的直接跳转。
GraphQL移动端集成Skill GraphQLMobile
GraphQL 移动端集成技能专注于为移动应用（如 React Native、Flutter、iOS、Android）提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅，旨在提升移动端数据获取效率、类型安全性和开发体验。关键词：GraphQL，移动开发，Apollo Client，代码生成，缓存策略，实时订阅，React Native，Flutter，iOS，Android。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。
MidnightDApp错误处理Skill midnight-dapp:error-handling
Midnight DApp错误处理技能专注于为基于零知识证明的区块链去中心化应用提供完整的错误管理解决方案。该技能涵盖错误分类、用户友好消息转换、恢复策略实现、React错误边界集成等技术要点，帮助开发者优雅处理证明生成失败、交易拒绝、网络断开等各类异常情况，提升DApp的稳定性和用户体验。关键词：Midnight DApp、错误处理、零知识证明、区块链错误分类、用户友好消息、React错误边界、交易错误恢复、网络错误处理、ZK证明失败、DApp开发。
编码规范Skill coding-standards
这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。
使用shadcn/ui进行样式设计Skill styling-with-shadcn
本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。
AI代理模式Skill AIAgentPatterns
这个技能是关于设计模式，用于构建自主AI代理，能够进行推理、规划和执行任务。它涵盖了代理架构（如ReAct、Plan-and-Execute）、核心组件（内存、规划、工具使用）、框架（LangChain、AutoGPT、CrewAI、Semantic Kernel）、工具设计、多代理系统、错误恢复、护栏、评估和生产部署。适用于AI智能体开发和自主系统构建，关键词包括：AI代理、模式、自主系统、LLM、推理、规划、执行、架构设计、AI智能体开发、代理系统、工具使用、内存管理、安全护栏。