SuperAPI AI 工具集

moai-domain-frontend

前端与建站

查看项目

更新于 10-16 09:59

技能介绍

该技能定位为前端开发专家,用于现代 Web 应用开发、组件库创建、前端性能优化以及带可访问性的 UI/UX 实现。

主要能力按模块划分。框架模式:React 19 的 Server Components、并发特性、cache() API、表单处理;Next.js 16 的 App Router、Server Actions、ISR、Route Handlers、并行路由;Vue 3.5 的 Composition API、组合式函数、响应式、Pinia、Provide/Inject。架构模式:组件架构含设计令牌、CVA 变体、复合组件、可访问性;状态管理含 Zustand、Redux Toolkit、React Context、Pinia;性能优化含代码分割、动态导入、图片优化、记忆化;另含 Vercel React 最佳实践共 45 条规则、8 个类别,覆盖消除瀑布流、打包优化、服务端性能、客户端数据获取、重渲染优化与渲染性能。

使用方式:按需加载 modules 目录下的具体模块文件获取详细模式,工作代码示例见 examples.md。快速上手涵盖 React 19 异步 Server Component 配合 cache 与 Suspense、Next.js 带 use server 指令的 Server Action 搭配 zod 校验,以及 Vue 组合式函数等方向。技术栈包括 TypeScript 5.9+、JavaScript ES2024、Tailwind CSS 3.4+、CSS Modules、shadcn/ui,测试用 Vitest、Testing Library、Playwright。可与后端、shadcn 组件库、UI/UX 设计、TypeScript 模式、前端测试等技能配合实现全栈开发。

限制:资料未提供安装命令、收费与价格信息、具体平台支持范围及实际效果数据,均暂未提供。