SuperAPI AI 工具集

moai-domain-frontend

前端与建站

查看项目

更新于 10-16 01:17

技能介绍

用途:该技能是前端开发专项能力,面向现代 Web 应用开发、组件库创建、前端性能优化以及兼顾无障碍的 UI/UX 实现。

主要能力:React 19 服务端组件、并发特性、cache() 与 Suspense;Next.js 16 App Router、Server Actions、ISR、路由处理器、并行路由;Vue 3.5 Composition API、组合式函数、响应式、Pinia 与 Provide/Inject。组件架构涵盖设计令牌、CVA 变体、复合组件与无障碍。状态管理支持 Zustand、Redux Toolkit、React Context、Pinia;性能优化含代码分割、动态导入、图片优化与记忆化;动画使用 Framer Motion。另含 AI 辅助前端模式(视觉参考、Playwright 验证、动效设计)与 Vercel React 最佳实践(8 类共 45 条规则)。

使用方式:资料给出 React 19 服务端组件、Next.js Server Action、Vue 组合式函数与 CVA 组件的写法要点,但未提供完整安装命令。可配合 moai-domain-backend 做全栈开发、moai-library-shadcn 集成组件库、moai-domain-uiux 处理设计原则,并用 Playwright 做视觉与功能验证。

适用场景:现代 Web 应用、组件库、前端性能与无障碍优化。

限制:需 Node/前端环境;需自行处理加载、错误与空状态,避免 any、未消毒的用户 HTML 与全局 CSS;本技能正在重构,正文后续将指向 moai-ref-react-patterns 与 moai-library-nextra。安装命令、收费与具体平台支持暂未提供。技术栈含 TypeScript 5.9+、Tailwind CSS 3.4+、shadcn/ui、Vitest、Playwright。