SuperAPI AI 工具集

moai-domain-frontend

前端与建站

查看项目

更新于 10-16 06:48

技能介绍

用途:这是一个前端开发专项技能,用于现代 Web 应用开发、组件库创建、前端性能优化以及带无障碍支持的 UI/UX 实现。

主要能力:覆盖 React 19(服务端组件、并发特性、cache()、Suspense)、Next.js 16(App Router、Server Actions、ISR、Route Handlers、并行路由)、Vue 3.5(Composition API、Composables、响应式、Pinia、Provide/Inject)。架构方面包含设计令牌、CVA 变体、复合组件与无障碍;状态管理涵盖 Zustand、Redux Toolkit、React Context、Pinia;性能方面包含代码分割、动态导入、图片优化与记忆化。另含 Vercel React 最佳实践,共 8 类 45 条规则,涉及消除瀑布、包体积优化、服务端性能、客户端数据获取与重渲染优化。

使用方式:按需加载 modules 目录下的具体模块文件获取详细模式,例如 react19-patterns.md、nextjs16-patterns.md、vue35-patterns.md、component-architecture.md、state-management.md、performance-optimization.md、vercel-react-best-practices.md;可运行代码示例见 examples.md。

适用场景:现代 Web 应用开发、组件库建设、前端性能调优、UI/UX 无障碍实现。可与后端、shadcn 组件库、UI/UX 设计、TypeScript、前端测试等技能配合。

技术栈:React 19、Next.js 16、Vue 3.5、Nuxt 3;TypeScript 5.9+、JavaScript ES2024;Tailwind CSS 3.4+、CSS Modules、shadcn/ui;Zustand、Redux Toolkit、Pinia;Vitest、Testing Library、Playwright。

限制:资料未提供安装命令、收费方式与具体平台要求,暂未提供。版本 2.0.0,最后更新 2026-01-11。