SuperAPI AI 工具集

modern-web-architect

前端与建站

查看项目

更新于 10-15 21:11

技能介绍

用途:作为前端架构与设计工程技能,指导构建技术上可靠、性能良好且视觉出色的 Web 应用,合并自 11 个旧版前端、React 与 Next.js 技能。

主要能力:架构与可行性评估(FFCI = 架构契合 + 可复用 + 性能 − 复杂度 − 维护,10-15 优秀、6-9 可接受、低于 6 需重设计);React 19 与 Next.js 15 模式(App Router 文件夹路由、并行路由、拦截路由;默认服务端组件,仅交互用 'use client';Edge 优先;useActionState、useOptimistic、use API;Suspense 优先);状态与数据获取(TanStack Query 管理服务端状态,useState、Zustand、Context 分层,Zod 或 Valibot 做边界校验);高质感 UI 设计(DFII = 影响力 + 场景契合 + 可行性 + 性能 − 一致性风险,要求自定义排版、Framer Motion 动效、每页一个记忆锚点,避免通用 AI UI 与默认 Tailwind/ShadCN 布局);性能优化(ISR、PPR、Turborepo 缓存、动态导入、Core Web Vitals、Next.js Image、依赖审计)。

使用方式:按执行协议分五阶段——设计思维定调、数据架构划分服务端与客户端组件、FFCI/DFII 检查、组件实现、性能与无障碍验证。

适用场景:需要同时兼顾架构质量与视觉表现的前端项目,尤其是 React 19 与 Next.js 15 技术栈。

限制:资料未提供具体安装命令、收费方式、平台支持范围与实测效果,相关细节暂未提供。