development

开发工作流套件

概述

整合式端到端软件开发工作流，涵盖 Web、移动端和后端开发。该套件负责协调各项技能，从脚手架搭建到部署，构建可用于生产环境的应用程序。

何时使用此工作流

在以下情况下使用此工作流：

• 构建新的 Web 或移动应用程序
• 为现有应用程序添加功能
• 重构或现代化旧代码
• 使用最佳实践搭建新项目
• 开发全栈功能
• 开发跨平台应用程序

范围与完成标准

仅选择用户请求所需的阶段。技能名称仅作参考，不代表已安装的工具或授权委派；使用前请阅读当前所选技能。此工作流不授权使用付费服务、部署到生产环境、向外部发送消息或进行破坏性更改。完成情况应以实际观察到的检查结果为依据，并保留项目现有的版本约束，而非采用历史技术栈示例。

工作流阶段

阶段 1：项目设置与脚手架搭建

调用的技能

• app-builder - 主要的应用程序构建协调器
• senior-fullstack - 全栈开发指导
• environment-setup-guide - 开发环境设置
• concise-planning - 任务规划与拆解

操作

1. 确定项目类型（Web、移动端、全栈）
2. 选择技术栈
3. 搭建项目结构
4. 配置开发环境
5. 设置版本控制和 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

Use @environment-setup-guide to configure my development environment

阶段 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+ 模式

操作

1. 设计组件架构
2. 实现 UI 组件
3. 设置状态管理
4. 配置路由
5. 应用样式和主题
6. 实现响应式设计

可复制粘贴的提示词

Use @frontend-developer to create a dashboard component with React and TypeScript

Use @react-patterns to implement proper state management with Zustand

Use @tailwind-patterns to style components with a consistent design system

阶段 3：后端开发

调用的技能

• backend-architect - 后端架构设计
• backend-dev-guidelines - 后端开发规范
• nodejs-backend-patterns - Node.js/Express 模式
• fastapi-pro - FastAPI 开发
• api-design-principles - REST/GraphQL API 设计
• auth-implementation-patterns - 身份验证实现

操作

1. 设计 API 架构
2. 实现 REST/GraphQL 端点
3. 设置数据库连接
4. 实现身份验证/授权
5. 配置中间件
6. 设置错误处理

可复制粘贴的提示词

Use @backend-architect to design a microservices architecture for my application

Use @nodejs-backend-patterns to create Express.js API endpoints

Use @auth-implementation-patterns to implement JWT authentication

阶段 4：数据库开发

调用的技能

• database-architect - 数据库设计
• database-design - 模式设计原则
• prisma-expert - Prisma ORM
• postgresql - PostgreSQL 优化
• neon-postgres - 无服务器 Postgres

操作

1. 设计数据库模式
2. 创建迁移
3. 设置 ORM
4. 优化查询
5. 配置连接池

可复制粘贴的提示词

Use @database-architect to design a normalized schema for an e-commerce platform

Use @prisma-expert to set up Prisma ORM with TypeScript

阶段 5：测试

调用的技能

• test-driven-development - TDD 工作流
• javascript-testing-patterns - Jest/Vitest 测试
• python-testing-patterns - pytest 测试
• e2e-testing-patterns - Playwright/Cypress 端到端测试
• playwright-skill - 浏览器自动化测试

操作

1. 编写单元测试
2. 创建集成测试
3. 设置端到端测试
4. 配置 CI 测试运行器
5. 达到覆盖率目标

可复制粘贴的提示词

Use @test-driven-development to implement features with TDD

Use @playwright-skill to create E2E tests for critical user flows

阶段 6：代码质量与审查

调用的技能

• code-reviewer - AI 驱动的代码审查
• clean-code - 整洁代码原则
• lint-and-validate - 代码检查与验证
• security-scanning-security-sast - 静态安全分析

操作

1. 运行代码检查工具和格式化工具
2. 执行代码审查
3. 修复代码质量问题
4. 运行安全扫描
5. 修复漏洞

可复制粘贴的提示词

Use @code-reviewer to review my pull request

Use @lint-and-validate to check code quality

阶段 7：构建与部署

要调用的技能

• deployment-engineer - 部署编排
• docker-expert - 容器化
• vercel-deployment - Vercel 部署
• github-actions-templates - CI/CD 工作流
• cicd-automation-workflow-automate - CI/CD 自动化

操作

1. 创建 Dockerfile
2. 配置构建流水线
3. 设置部署工作流
4. 配置环境变量
5. 部署到生产环境

可复制粘贴的提示词

Use @docker-expert to containerize my application

Use @vercel-deployment to deploy my Next.js app to production

Use @github-actions-templates to set up CI/CD pipeline

特定技术工作流

React/Next.js 开发

Skills: frontend-developer, react-patterns, nextjs-app-router-patterns, typescript-pro, tailwind-patterns

Python/FastAPI 开发

Skills: fastapi-pro, python-pro, python-patterns, pydantic-models-py

Node.js/Express 开发

Skills: nodejs-backend-patterns, javascript-pro, typescript-pro, express (via nodejs-backend-patterns)

全栈开发

Skills: senior-fullstack, app-builder, frontend-developer, backend-architect, database-architect

移动开发

Skills: mobile-developer, react-native-architecture, flutter-expert, ios-developer

质量门禁

进入下一阶段前，请确认：

• 所有测试均已通过
• 已完成代码审查
• 安全扫描已通过
• 代码检查和格式化均无问题
• 文档已更新

相关工作流套件

• wordpress - WordPress 专用开发
• security-audit - 安全测试工作流
• testing-qa - 全面测试工作流
• documentation - 文档生成工作流

限制

• 仅当任务明确符合上述范围时，才使用此技能。
• 不要将输出视为环境特定验证、测试或专家审查的替代品。
• 如果缺少必要输入、权限、安全边界或成功标准，请停止并请求澄清。