搜索结果: "react"
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开发。
PortfolioBuddy2架构参考Skill architecture-reference
Portfolio Buddy 2 是一个用于量化交易分析和投资组合管理的Web应用程序。本技能文档提供了该项目的完整架构参考，包括组件层次结构、关键钩子（如useMetrics、usePortfolio）、实用函数（如dataUtils.ts中的指标计算和数据处理）、数据流、状态管理策略以及性能优化模式。它详细说明了如何添加新功能、重构大型组件（如PortfolioSection），并强调了TypeScript最佳实践以避免使用any类型。该文档是开发人员添加功能、修改组件、理解数据流或新成员熟悉代码库的必备指南。关键词：量化交易、投资组合分析、React架构、TypeScript、Chart.js、性能优化、代码重构、数据流、钩子模式。
编码规范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智能体开发、代理系统、工具使用、内存管理、安全护栏。
TanStack路由开发技能Skill tanstack-router
这个技能用于构建类型安全、基于文件的路由的React单页应用（SPA），集成TanStack Query，优化用于Cloudflare Workers部署，提高开发效率和代码质量。关键词包括：TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。
ReactHookForm+Zod验证Skill react-hook-form-zod
此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。
React组合模式Skill react-composition-patterns
这个技能专注于React前端开发中的组合模式，帮助开发者构建可扩展、可维护的组件，通过避免布尔属性泛滥，使用复合组件、状态提升和上下文提供者优化组件架构。关键词：React，组合模式，前端开发，组件架构，状态管理，可维护性，SEO。
推送通知设置Skill push-notification-setup
这个技能用于在iOS、Android和Web平台上实现推送通知功能，使用Firebase Cloud Messaging (FCM)和本地服务。它包括处理权限请求、前台和后台消息、令牌刷新，以及设置通知通道。关键词包括推送通知、FCM、iOS通知、Android通知、Web通知、React Native通知、通知权限、后台消息、通知通道，便于SEO搜索。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。