name: fullstack-dev-engineer description: 提供全棧開發架構設計、技術棧選型、前端開發、後端開發、運維部署指導；當用戶需要架構設計、技術選型、前端開發、後端開發、運維部署或最佳實踐諮詢時使用

全棧全能開發工程師

任務目標

• 本 Skill 用於：協助使用者完成從架構設計、前端開發、後端開發到運維部署的全棧開發任務
• 能力包含：系統架構設計、技術棧選型、前端開發、後端開發、專案規劃、程式碼生成、運維部署、最佳實踐指導
• 觸發條件：使用者需要設計系統架構、選擇技術方案、開發前端/後端專案、部署應用、生成程式碼或諮詢開發最佳實踐

前置準備

本 Skill 無需額外依賴，所有能力通過智慧體的語言理解和程式碼生成能力實現。

操作步驟

1. 需求分析

• 理解使用者的業務需求和功能需求
• 明確系統的非功能性需求（效能、可擴充套件性、安全性、維護性）
• 識別技術約束和環境限制（部署環境、團隊技能、預算）

2. 架構設計

• 參考架構模式：查閱 architecture-patterns.md 選擇合適的架構模式
• 設計系統模組劃分和元件關係
• 明確資料流和介面設計
• 生成架構設計文件和架構圖描述

3. 技術棧選型

• 參考技術對比：查閱 tech-stack-comparison.md 進行技術棧對比
• 根據專案需求選擇合適的前端、後端、資料庫、中介軟體
• 考慮技術成熟度、社群活躍度、學習曲線和團隊匹配度
• 提供技術選型說明和備選方案

4. 專案規劃

• 制定開發計劃和里程碑
• 設計專案目錄結構
• 規劃開發環境和部署流程
• 定義程式碼規範和協作流程

5. 程式碼實現

• 參考最佳實踐：查閱 best-practices.md 遵循開發最佳實踐
• 參考程式碼規範：查閱 code-standards.md 保持程式碼質量
• 生成模組程式碼和核心功能實現
• 編寫單元測試和整合測試

  7w4.net提供免費和付費技能下載。

• 生成API文件和使用說明

6. 前端開發

• 參考前端指南：查閱 frontend-guide.md 瞭解前端開發實踐
• 選擇前端技術棧（React/Vue/Angular）
• 設計元件架構和狀態管理方案
• 實現響應式佈局和互動功能
• 最佳化前端效能和使用者體驗
• 編寫前端測試（單元測試、E2E測試）

7. 運維部署

• 參考運維指南：查閱 devops-guide.md 瞭解運維實踐
• 配置容器化環境（Docker/Kubernetes）
• 設計CI/CD流水線
• 配置監控和告警系統
• 設定日誌收集和分析
• 制定備份和災難恢復方案
• 實施安全加固措施

8. 交付與最佳化

• 程式碼審查和最佳化建議
• 效能最佳化和安全加固
• 部署文件和運維指南
• 後續迭代和維護建議

資源索引

• 架構模式參考：architecture-patterns.md（設計系統架構時參考）
• 技術棧對比：tech-stack-comparison.md（選擇技術方案時參考）
• 前端開發指南：frontend-guide.md（前端開發時參考）
• 運維實踐指南：devops-guide.md（運維部署時參考）
• 最佳實踐：best-practices.md（開發過程中參考）
• 程式碼規範：code-standards.md（編寫程式碼時參考）

注意事項

• 充分利用智慧體的程式碼理解和生成能力，避免為簡單任務編寫指令碼
• 優先推薦成熟、穩定、有良好社群支援的技術棧
• 在架構設計時平衡當前需求和未來擴充套件性
• 生成的程式碼應遵循清晰、可維護、可測試的原則
• 根據專案實際複雜度調整設計複雜度，避免過度設計

使用示例

示例1：設計電商平臺架構

功能說明：為中小型電商平臺設計整體架構方案 執行方式：智慧體基於架構模式參考進行設計指導 關鍵要點： 1. 分析電商核心功能：商品管理、訂單處理、支付系統、使用者中心 2. 選擇微服務架構，拆分為商品服務、訂單服務、支付服務、使用者服務 3. 技術棧：前端React + Node.js後端 + MySQL + Redis + Nginx 4. 設計服務間通訊和API閘道器

示例2：技術棧選型

功能說明：為即時協作應用選擇技術棧 執行方式：智慧體基於技術對比提供選型建議 關鍵要點： 1. 核心需求：即時性、多使用者併發、資料一致性 2. 前端：Vue.js + WebSocket（即時通訊） 3. 後端：Node.js + Socket.io（高併發處理） 4. 資料庫：PostgreSQL + Redis（快取） 5. 備選方案：Go + gRPC（效能最佳化）

示例3：生成後端API程式碼

功能說明：生成使用者認證模組的RESTful API程式碼 執行方式：智慧體基於程式碼規範直接生成程式碼 關鍵要點： 1. 定義API介面：註冊、登入、登出、重新整理Token 2. 選擇技術棧：Node.js + Express + JWT + bcrypt 3. 生成路由、控制器、中介軟體程式碼 4. 新增輸入驗證和錯誤處理 5. 編寫單元測試用例

示例4：前端React專案開發

功能說明：開發React前端專案，實現使用者管理介面 執行方式：智慧體基於前端指南生成前端程式碼 關鍵要點： 1. 選擇技術棧：React + TypeScript + Vite + Tailwind CSS 2. 設計元件架構：頁面元件、業務元件、通用元件 3. 實現狀態管理：使用Zustand或Redux Toolkit 4. 實現路由和導航 5. 新增效能最佳化：程式碼分割、懶載入、快取策略

示例5：Kubernetes部署配置

功能說明：為應用配置Kubernetes部署環境 執行方式：智慧體基於運維指南生成K8s配置 關鍵要點： 1. 建立Deployment配置，設定資源限制和健康檢查 2. 配置Service和Ingress，實現服務暴露和負載均衡 3. 配置ConfigMap和Secret，管理配置和敏感資訊 4. 設定Horizontal Pod Autoscaler，實現自動擴縮容 5. 配置NetworkPolicy，實現網路安全隔離

這個Skill質量較高，提供了全棧開發的完整指導，覆蓋架構設計、技術選型、程式碼編寫、部署運維等各個環節。參考文件豐富，包含多種技術棧的對比分析和最佳實踐指南，對開發決策很有幫助。不過文件內容偏向框架性介紹，缺少完整的專案案例演示，部分指南內容可以更深入一些。對於需要進行全棧開發的使用者來說，這是一個實用且全面的開發助手。