SuperAPI AI 工具集

web-stack-selector

前端与建站

查看项目

更新于 10-15 17:31

技能介绍

用途:为网页项目做技术选型,输出「前端库、CSS 层、JS 工具、地图或 2D/3D 引擎、图表或数据表库、以及应安装的 MCP 服务器」的建议。版本 1.3.0,日期 2026-10-04。

主要能力:候选需满足最低门槛——GitHub 星数不少于 1000、许可为 MIT/BSD/ISC/Apache-2.0/0BSD 等宽松协议、且在调查日期前约 6 个月内有推送。星数与最后推送日期来自 dated 快照(references/survey-2026-09-16.md,Vue 另见 references/survey-2026-10-04-vue.md),引用星数须附快照日期,或按用户需要读取最新 API。

使用方式:分四步。第一步识别技术栈:A 原生/服务端渲染(Flask+Jinja、Django 模板、PHP Blade/Twig、Livewire、htmx、无 npm、无构建),B React(Next.js、Vite+React、Laravel Inertia+React、shadcn),C PHP 全栈(Laravel/Symfony,再由其路由到 A、B 或 F),F Vue(Nuxt、Vite+Vue、Laravel Inertia+Vue、.vue 文件)。第二步检查硬约束:严格 CSP 需将所有库作为自有静态路径文件用 script src/link 加载且处理函数放外部文件,Alpine.js 默认移除,htmx 保留但需 htmx.config.allowEval = false 且仅用属性;无构建步骤时选单文件 UMD/IIFE/ESM,Tailwind 仅可用其独立 CLI,daisyUI、shadcn、magicui、aceternity、React Three Fiber、shadcn-vue、inspira-ui、Nuxt UI 被移除;低功耗目标倾向更轻选项(uPlot 而非 Chart.js,Leaflet 而非 MapLibre/OpenLayers,ECharts 移除);许可门槛会标记非宽松协议(如 GSAP、mapbox-gl-js v2+、animate.css v4+ 等)并给出替代;已有设计令牌则沿用扩展(Open Props 方式)。第三步按场景选择:D 地图与 E 2D/3D 部分与框架无关,所有栈共用;A 至 F 各节按场景给出主选与替代。第四步推荐 MCP:context7 优先安装;Laravel 项目用 laravel/boost;ChromeDevTools 与 playwright 二选一;React 用 shadcn-ui-mcp-server;Vue 用 @primevue/mcp 或 Nuxt UI MCP。

适用场景与限制:适合在具体项目里做库与 MCP 选型;Google Maps、Vuetify、无障碍相关 MCP 与部分库低于门槛,需改用 Context7 与 axe-core 等途径。Figma MCP 可用但需已有设计文件。资料未提供具体价格与更多平台细节。