搜索结果: "react"
Next.jsAppRouter开发技能Skill nextjs-app-router
这个技能用于使用Next.js App Router架构开发现代Web应用，包括服务器组件、客户端组件、高级路由模式、数据获取优化和流式渲染，旨在构建高性能、SEO友好的React应用程序。关键词：Next.js, App Router, 服务器组件, 客户端组件, 路由, 数据获取, SEO。
TanStack查询优化Skill tanstack-query
TanStack Query v5性能优化技能，专注于数据获取、缓存、变异和查询模式的优化，旨在提升React应用的数据管理效率和性能。关键词：TanStack Query、性能优化、数据获取、缓存、变异、查询模式、前端开发、React、性能优化指南
前端开发指南Skill frontend-dev-guidelines
这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。
表单创建器Skill form-creator
这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。
Scoop新闻平台UI重构工作流Skill scoop-ui-refactor
本技能是一个针对Scoop新闻平台前端界面的专项重构工作流。它专注于优化用户界面布局、提升地球仪交互体验、改进研究工作区设计，并强制执行无表情符号政策。核心工作包括压缩布局空间、实现类似TikTok的吸附滚动效果、确保功能完整性，以及通过系统化步骤移除所有UI、日志和文档中的表情符号。适用于前端开发者、UI/UX设计师进行项目重构和代码规范化。关键词：UI重构，前端开发，用户体验优化，吸附滚动，无表情符号，代码规范，React组件，工作流。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能专注于使用Next.js框架构建生产级全栈应用程序的最佳实践和模式，包括App Router、服务器组件、数据获取、认证、部署等。关键词：Next.js, 全栈开发, React, App Router, 服务器组件, 数据获取, 认证, 部署, SEO, 性能优化。
网页构件构建工具Skill web-artifacts-builder
一套基于React、TypeScript、Vite等现代前端技术的工具，用于快速构建和打包复杂的claude.ai HTML工件，支持状态管理、路由和丰富的UI组件，适合前端开发者和项目快速原型制作。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML工件、打包工具、状态管理、路由、组件化开发。
JavaScript/TypeScript开发Skill javascript-typescript
该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。
现代Web应用架构Skill modern-web-app-architecture
这个技能用于设计和构建现代Web应用程序，包括单页应用（SPA）、服务器端渲染（SSR）、静态站点生成（SSG）和React服务器组件（RSC）等。它涵盖架构权衡、状态管理、性能优化、测试策略、交付流程和团队扩展，提供生产就绪的实践指导，如核心Web指标、可访问性、安全性和微前端架构。关键词：Web应用架构、SPA、SSR、SSG、RSC、前端开发、性能优化、状态管理、测试、团队扩展。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。
条件渲染技巧：使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。
React专家Skill react-expert
这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。