搜索结果: "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应用开发。
React组件生成器Skill react-component
这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。
Next.js15OptimizationSkill nextjs-optimization
这个技能专注于优化 Next.js 15 应用程序，以提升网站性能，核心 Web 指标得分，以及遵循生产最佳实践。关键词包括：性能优化、核心 Web 指标、SEO、React、App Router。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践，涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面，帮助开发者构建高性能、可维护的用户界面。关键词：前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
Web3身份验证SDK模式Skill web3-privy
Privy SDK 是一个用于Web3应用的身份验证解决方案，提供钱包登录、嵌入式钱包、社交登录和服务器端验证功能。关键词：Web3身份验证、区块链登录、嵌入式钱包、Privy SDK、多链支持、React集成、DeFi应用开发。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
JSON-UI报告渲染器Skill json-ui
JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。
PentestCoordinator-StrategicOrchestratorSkill coordinator
自动化渗透测试协调器是一个使用ReAct方法论的自主渗透测试协调器。当用户提供目标IP或请求开始渗透测试时自动激活。它协调侦察、漏洞利用和权限提升，直到捕获用户和root旗帜。
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。