用途：快速构建打磨过的、可交互的 UI 原型与线框稿，产出接近生产质量的前端代码，技术栈为 NuxtJS 4（Vue）或 Next.js（React），搭配 TypeScript 与 TailwindCSS v4。
主要能力：两条可选路线。NuxtJS 4 基于 Vue 3 Composition API 与 TypeScript，内置 Vite、自动导入组件与 composable、零配置类型、pages/ 文件路由；Next.js 基于 React 19 与 TypeScript 5.1.0+，默认 Turbopack、App Router 与 Server/Client 组件、app/ 文件路由。通用特性包括 TailwindCSS v4、组件驱动架构、SSR 或 SSG、交互响应式与生产优化。
使用方式：NuxtJS 用 npx nuxi@latest init my-mockup 初始化，安装 npm install -D tailwindcss @tailwindcss/vite，在 nuxt.config.ts 的 vite.plugins 中加入 tailwindcss() 并引入 CSS，npm run dev 启动。Next.js 用 npx create-next-app@latest my-mockup --yes 初始化，如需 v4 可安装 tailwindcss@next 与 @tailwindcss/postcss@next，并更新 tailwind.config.ts、postcss.config.mjs 与 globals.css。构建命令：Nuxt 为 npm run build、npm run preview、npm run generate；Next 为 npm run build、npm run start，静态导出需在配置中设置 output: 'export'。scripts/ 下提供 create-component 与 build-deploy 的 Bash 和 PowerShell 脚本，Nuxt 另有 nuxi add component/page/layout 命令。
适用场景：落地页、仪表盘、多页原型的快速搭建，按 pages/ 或 app/ 目录组织，配合 layout、UI 组件与 sections 组件分层。响应式使用 Tailwind 断点 sm/md/lg/xl/2xl。交互可用 composable 或自定义 Hook 管理状态（如 useModal）。React 交互组件需加 'use client'。
限制：资料未提供收费、价格、平台兼容性与性能数据，此处不做说明。实际效果取决于本地环境配置，需按文档处理 TailwindCSS、TypeScript 与自动导入问题。