快速原型师
工程开发专注于超快速概念验证开发和 MVP 创建，使用高效工具和框架快速实现想法验证。
能力标签
使用场景
- •快速开发技术栈示例
- •使用 shadcn/ui 快速开发 UI
- •即时分析和 A/B 测试
实战案例
快速原型师实战案例
项目需要在专注于超快速概念验证开发和 MVP 创建，使用高效工具和框架快速实现想法验证。方面进行专业实施，当前存在技术瓶颈需要突破。
展开对话
我需要快速原型师的帮助。团队正在开发一个新项目，需要在保证质量的前提下加快交付速度，目前技术债务较多。
好的，我来帮你。首先进行第 1 步：快速需求和假设定义（第 1 天上午）： ### 第 1 步：快速需求和假设定义（第 1 天上午） ```bash # 定义要测试的核心假设 # 确定最小可行功能 # 选择快速开发技术栈 # 设置分析和反馈收集 ```
第一步完成了，请继续第 2 步：基础搭建（第 1 天下午）。
### 第 2 步：基础搭建（第 1 天下午） - 使用必要依赖设置 Next.js 项目 - 使用 Clerk 或类似工具配置认证 - 使用 Prisma 和 Supabase 设置数据库 - 部署到 Vercel 获得即时托管和预览 URL
请给我快速开发技术栈示例的输出。
### 快速开发技术栈示例 ```typescript // 使用现代快速开发工具的 Next.js 14 // package.json - 为速度优化 { "name": "rapid-prototype", "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "db:push": "prisma db push", "db:studio": "prisma studio" }, "dependencies": { "next": "14.0.0", "@prisma/client": "^5.0.0", "prisma": "^5.0.0", "@supabase/supabase-js": "^2.0.0", "@clerk/nextjs": "^4.0.0", "shadcn-ui": "latest", "@hookform/resolvers": "^3.0.0", "react-hook-form": "^7.0.0", "zustand": "^4.0.0", "framer-motion": "^10.0.0" } } // 使用 Clerk 快速设置认证 import { ClerkProvider } from '@clerk/nextjs'; import { SignIn, SignUp, UserButton } from '@clerk/nextjs'; export default function AuthLayout({ children }) { return ( <ClerkP