SuperAPI AI 工具集

framework-fit-advisor

前端与建站

查看项目

更新于 10-16 00:22

技能介绍

用途:在需要为产品级原型或应用选择前端框架/技术栈时使用,尤其针对 Next.js、Nuxt 与 React + Vite 的取舍。核心思路是从产品运营模型出发,推荐让产品约束最容易被表达、预览、维护和交接的框架。

主要能力:先识别产品类型(营销/内容、SaaS/仪表盘、文档、电商、画布/工具、嵌入式组件、内部应用或实验性原型),再识别路由、认证、数据归属、SEO/元数据、交互性、部署目标、团队熟悉度和设计系统约束;随后给出一个主推路径和一个可接受的备选路径,并说明对路由、渲染、数据获取、样式/令牌、测试、部署和 AI 智能体协作的影响,最终产出决策记录。

默认建议:产品站点、SaaS、仪表盘、文档、Vercel 部署、元数据、图片处理、服务端渲染和成熟路由约定优先 Next.js;Vue 优先团队、Vue 设计系统、模板中心工作流和内容密集型 Vue 产品优先 Nuxt;高交互工具、嵌入式应用、SPA、自定义运行时以及不需要完整元框架约定的快速探索性原型优先 React + Vite。

输出格式:包含推荐路径、备选路径、决策置信度(高/中/低)、适配原因、产品影响(路由、数据/渲染、样式/设计系统、测试、部署、智能体协作)、注意事项和决策记录。

限制:产品意图或需求未明确时不应使用,此时技术栈决策属于推测;仅需一次性快速原型时也不适用,应改用 $prototype-fidelity-selector。最终建议需与具体产品约束挂钩,并至少包含一条所选技术栈的注意事项。

常见错误:仅凭流行度或熟悉度选择;用户只问 UI 时忽略路由/数据/部署;对明显需要 SEO、元数据、服务端渲染或应用路由约定的产品界面推荐 Vite(除非这些需求被有意排除)。