搜索结果: "react"
DeployReactFrontendsforAlgorandSkill deploy-react-frontend
为Algorand dApps创建React前端，并集成钱包，实现与智能合约的交互。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
Expo移动应用开发规则Skill expo-mobile-app-rule
此技能用于指导开发者使用Expo框架进行移动应用开发，遵循最佳实践，涵盖导航、状态管理、离线支持、推送通知、深度链接和性能优化等方面。关键词：Expo, 移动开发, React Native, 导航, 状态管理, 离线支持, 推送通知, 深度链接, 性能优化
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。
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。
React服务器组件技能Skill react-server-components
React服务器组件技能是专门用于实现React服务器组件架构的专业能力，包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界，优化应用性能，实现高效的数据流管理。关键词：React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。
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开发。
使用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组件、开发环境优化。