SuperAPI AI 工具集

moai-domain-frontend

前端与建站

查看项目

更新于 10-16 07:26

技能介绍

用途:面向现代前端开发,覆盖 React 19、Next.js 16、Vue 3.5 及现代 UI/UX 架构,可用于现代 Web 应用开发、组件库创建与管理、前端性能优化、带无障碍的 UI/UX 实现以及跨平台前端开发。

主要能力:React 19 方面涵盖服务器组件、并发特性与优化模式,示例用 cache 缓存数据获取、用 Suspense 与错误边界处理加载与错误。Next.js 16 方面涵盖 App Router、Server Actions 与数据获取,示例用 'use server' 定义动作、revalidatePath 重新校验、redirect 跳转,并演示动态路由参数与 generateStaticParams 静态参数生成。Vue 3.5 方面涵盖组合式 API、TypeScript 集成与响应式,示例使用 script setup、defineProps、defineEmits、ref、computed、watchEffect。组件架构方面涵盖设计系统与组件库,示例用 class-variance-authority 定义按钮变体、用 Context 实现复合组件。响应式设计涵盖移动优先、无障碍与性能优化。性能优化示例包括 memo、useMemo、useCallback、useDeferredValue、next/dynamic 动态导入与 next/image 图片优化。状态管理示例使用 Zustand 并结合 devtools 与 persist 中间件。

技术栈:框架为 React 19、Next.js 16、Vue 3.5、Nuxt 3;语言为 TypeScript 5.9+、JavaScript ES2024;样式为 Tailwind CSS 3.4+、CSS Modules、Styled Components;状态管理为 Zustand、Redux Toolkit、Pinia;测试为 Vitest、Testing Library、Playwright;构建为 Vite 5、Turbopack、SWC;组件库包括 shadcn/ui、Material-UI、Ant Design、Headless UI、Radix UI 及自定义设计系统。可与 moai-domain-backend、moai-library-shadcn、moai-domain-uiux、moai-quality-security、moai-system-universal 配合使用。

使用方式与限制:资料未提供安装命令、调用方式与具体运行步骤,暂未提供。资料标注状态为 Production Ready,最后更新 2025-11-30。资料未说明收费、价格与平台限制,暂未提供。