搜索 3 个关键词，参考 18 篇资料
用 Trae 做网站开发，优先装下面这几组 Skill，按“从需求→前端→后端→质量→部署”全流程配齐，能显著提升效率和产出质量。
一、需求与规划类（开工必装）
- project-requirements-clarification
帮你把模糊想法变成清晰需求，主动追问项目目标、用户、功能范围，适合从0开始的网站。 - project-product-overview
生成产品大纲+功能清单+用户流程，直接作为开发基准。
二、全栈开发核心（最常用）
- fullstack-developer（必装）
前端（React/Next.js/Vue）+后端（Node.js/Express/Nest）+数据库（PostgreSQL/MongoDB）一条龙生成，含RESTful API、CRUD、认证授权。 - frontend-design
生成高质感UI，支持极简/复古/未来感等风格，避免“AI味”界面。 - react-best-practices（React/Next.js 专用）
代码规范、性能优化、组件拆分、TypeScript 类型检查。 - vue-best-practices（Vue3 专用）
组合式API、状态管理、组件封装、样式规范。
三、后端与数据库
- backend-api-developer
专注后端API开发，生成路由、控制器、中间件、接口文档。 - database-designer
设计表结构、关系、索引，生成SQL/Prisma/Mongoose模型。 - auth-security
集成JWT、OAuth2、权限控制、密码加密、防XSS/CSRF。
四、质量与测试（避免返工）
- code-reviewer
全语言（JS/TS/Python/Go）代码审查，扫漏洞、查性能、评可维护性。 - webapp-testing
自动生成单元测试、E2E测试、边界用例，支持Jest/Playwright。 - fix
一键修复ESLint/Prettier格式、TS类型错误、未使用变量。
五、工程化与部署（上线必备）
- git-commit
规范Git提交信息，自动执行status/add/commit/push。 - pr-creator
自动生成PR标题、描述、变更列表，关联issue。 - deploy-vercel / deploy-docker
一键部署到Vercel或生成Docker配置，支持自动CI/CD。
六、效率辅助（锦上添花）
- cache-components（Next.js 专用）
自动优化组件缓存策略（revalidate/stale-while-revalidate）。 - agent-browser
浏览器自动化，做UI测试、表单填写、截图、数据抓取。
推荐组合（直接抄）
- 新手/个人网站：project-requirements-clarification + fullstack-developer + frontend-design + deploy-vercel
- 企业级全栈：fullstack-developer + react-best-practices + database-designer + auth-security + code-reviewer + webapp-testing
- Vue 技术栈：fullstack-developer（选Vue）+ vue-best-practices + backend-api-developer
使用小技巧
- 指令要写清：技术栈 + 功能 + 交互 + 性能 + 规范，比如：
“用Next.js 14+Tailwind CSS做响应式博客，含文章列表/详情/评论/登录，适配移动端，用Prisma+PostgreSQL，遵循Airbnb规范”。 - 用
/project-requirements-clarification 我要做XX网站启动，让AI帮你把需求问透。
要不要我把这些 Skill 的安装名和触发指令整理成一份可直接复制的清单，你直接照着装就行？