关于
全面的 Web、移动和后端开发工作流，整合前端、后端、全栈和移动开发技能，实现端到端应用交付。
name: development description: "全面的 Web、移动和后端开发工作流，捆绑前端、后端、全栈和移动开发技能，实现端到端应用交付。" category: workflow-bundle risk: safe source: personal date_added: "2026-02-27"
开发工作流套件
概述
用于端到端软件开发的整合工作流，涵盖 Web、移动和后端开发。此套件编排从脚手架到部署的生产就绪应用构建技能。
何时使用此工作流
在以下情况使用此工作流：
- 构建新的 Web 或移动应用
- 为现有应用添加功能
- 重构或现代化遗留代码
- 使用最佳实践设置新项目
- 全栈功能开发
- 跨平台应用开发
工作流阶段
阶段 1：项目设置和脚手架
要调用的技能
app-builder- 主应用构建编排器senior-fullstack- 全栈开发指导environment-setup-guide- 开发环境设置concise-planning- 任务规划和分解
操作
- 确定项目类型（Web、移动、全栈）
- 选择技术栈
- 搭建项目结构
- 配置开发环境
- 设置版本控制和 CI/CD
复制粘贴提示
Use @app-builder to scaffold a new React + Node.js full-stack application
Use @senior-fullstack to set up a Next.js 14 project with App Router
阶段 2：前端开发
要调用的技能
frontend-developer- React/Next.js 组件开发frontend-design- UI/UX 设计实现react-patterns- 现代 React 模式typescript-pro- TypeScript 最佳实践tailwind-patterns- Tailwind CSS 样式nextjs-app-router-patterns- Next.js 14+ 模式
操作
- 设计组件架构
- 实现 UI 组件
- 设置状态管理
- 配置路由
- 应用样式和主题
- 实现响应式设计
复制粘贴提示
Use @frontend-developer to create a dashboard component with React and TypeScript
Use @react-patterns to implement proper state management with Zustand
阶段 3：后端开发
要调用的技能
backend-architect- 后端架构设计backend-dev-guidelines- 后端开发标准nodejs-backend-patterns- Node.js/Express 模式fastapi-pro- FastAPI 开发api-design-principles- REST/GraphQL API 设计auth-implementation-patterns- 认证实现
操作
- 设计 API 架构
- 实现 REST/GraphQL 端点
- 设置数据库连接
- 实现认证/授权
- 配置中间件
- 设置错误处理
阶段 4：数据库开发
要调用的技能
database-architect- 数据库设计database-design- 模式设计原则prisma-expert- Prisma ORMpostgresql- PostgreSQL 优化
阶段 5：测试
要调用的技能
testing-strategy- 测试策略jest-testing-patterns- Jest 测试playwright-testing- E2E 测试
阶段 6：部署
要调用的技能
vercel-deployment- Vercel 部署docker-patterns- Docker 容器化ci-cd-pipeline- CI/CD 管道
质量门控
- [ ] 项目结构已搭建
- [ ] 前端组件已实现
- [ ] 后端 API 已完成
- [ ] 数据库已设计和迁移
- [ ] 测试已编写和通过
- [ ] 部署已配置
相关工作流套件
database- 数据库开发testing-qa- 测试和质量保证cloud-devops- 基础设施和部署security-audit- 安全审计
限制
- 仅在任务明确匹配上述范围时使用此技能。
- 不要将输出视为环境特定验证、测试或专家审查的替代品。
- 如果缺少所需的输入、权限、安全边界或成功标准，请停下来要求澄清。
兼容工具
Claude CodeCursor
标签
前端开发