搜索结果: "react"

4.5

Docusaurus文档站点开发技能Skill docusaurus

Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护,支持多语言、多版本、可搜索的文档体系构建。关键词:Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。

4.5

前端开发模式Skill frontend-patterns

本文介绍了React、Next.js框架下,用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。

4.5

性能Skill performance

这是一个全面的性能工程技能,专注于软件应用的性能分析、优化与测试。它提供从识别瓶颈、优化代码、进行负载/压力测试到设置监控的全套解决方案。特别适用于前端(如React优化、核心Web指标)、后端(如API、数据库查询优化)和全栈应用的性能提升。关键词包括:性能分析、性能优化、负载测试、压力测试、React性能优化、数据库优化、内存泄漏、核心Web指标、容量规划、性能监控。

4.5

UI处理器Skill ui-handler

UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP,提供原子组件(如按钮、输入框)和复杂区块(如英雄区、仪表盘)的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理,旨在提升前端开发效率,实现UI的快速原型设计和一致性维护。关键词:UI组件,前端开发,Shadcn,21st.dev,原子设计,区块生成,主题定制,React组件,Web界面构建。

4.5

实现命令面板Skill implementing-command-palettes

React命令面板开发指南,涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

4.5

React服务器组件框架Skill react-server-components-framework

本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用,核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由(如并行路由和拦截路由)以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词:React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。

4.5

构建Next.js应用Skill building-nextjs-apps

本技能专注于使用Next.js 16框架构建现代化Web应用程序,涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更(异步params/searchParams、Turbopack、缓存组件)、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置(proxy.ts)、数据获取策略、项目结构规范以及开发工具集成(Next.js DevTools MCP)。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用,特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

4.5

ChatKitWidget集成技能Skill chatkit-widget

在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。

4.5

PentestCoordinator-StrategicOrchestratorSkill coordinator

自动化渗透测试协调器是一个使用ReAct方法论的自主渗透测试协调器。当用户提供目标IP或请求开始渗透测试时自动激活。它协调侦察、漏洞利用和权限提升,直到捕获用户和root旗帜。

4.5

前端组件生成器Skill frontend-component

自动化生成React/Vue组件,包括TypeScript定义、测试和样式,遵循最佳实践,提高开发效率。

4.5

TanStackQueryv5服务器状态管理技能Skill tanstack-query

这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

4.5

Tailwindv4+shadcn/ui生产堆栈技能Skill tailwind-v4-shadcn

这个技能提供了一个生产就绪的设置指南,用于使用 Tailwind CSS v4、shadcn/ui、Vite 和 React 构建前端项目。它涵盖了暗色模式实现、CSS 变量架构、常见问题修复和最佳实践,帮助开发者高效搭建和调试现代 Web 应用。关键词:Tailwind v4, shadcn/ui, Vite, React, 暗色模式, CSS 变量, 前端开发, 生产部署, SEO。