搜索结果: "react"
Next.js全栈开发技能Skill nextjs
这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架，特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构，实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式（如并行路由、拦截路由）以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词：Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。
Next.js应用路由专家Skill nextjs-app-router
Next.js应用路由技能，提供Next.js App Router高级路由模式的专家级实现指导，包括路由组、并行路由、拦截路由、布局配置、加载状态、错误处理、流式渲染和API路由处理器。适用于前端开发、全栈架构、性能优化和复杂应用路由设计。关键词：Next.js App Router，路由组，并行路由，拦截路由，流式渲染，Suspense，API路由，前端架构，React框架，性能优化。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。
ReduxToolkit技能Skill redux-toolkit
Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。
FrontendDevelopmentPatternsSkill frontend-patterns
前端开发模式汇总，包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。
前端开发指南Skill frontend-dev-guidelines
Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。
React最佳实践Skill react-best-practices
提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
投资组合伙伴2项目上下文Skill portfolio-context
Portfolio Buddy 2 是一个基于 React 19 和 TypeScript 构建的投资组合分析工具。它为投资者和期货交易者提供交易策略对比、资产相关性分析、风险指标计算（如夏普比率、索提诺比率、最大回撤）、CSV数据上传与可视化、以及基于合约乘数的期货交易指标调整功能。该技能主要用于前端开发、量化金融分析和数据可视化项目。 关键词：投资组合分析，量化交易，React 19，TypeScript，风险指标，夏普比率，索提诺比率，相关性矩阵，期货交易，数据可视化，Supabase
性能Skill performance
这是一个全面的性能工程技能，专注于软件应用的性能分析、优化与测试。它提供从识别瓶颈、优化代码、进行负载/压力测试到设置监控的全套解决方案。特别适用于前端（如React优化、核心Web指标）、后端（如API、数据库查询优化）和全栈应用的性能提升。关键词包括：性能分析、性能优化、负载测试、压力测试、React性能优化、数据库优化、内存泄漏、核心Web指标、容量规划、性能监控。