全棧開發伴侶
📖 技能介紹
name: fullstack-companion description: 全棧開發伴侶 — 自動檢測當前專案型別（前端/後端/全棧），路由到對應的開發模式，內建後端開發、前端開發、程式碼規範三套子流程
全棧開發伴侶
任務定位
這是一個 自動專案檢測 + 開發模式路由 的入口 skill。
啟動後自動分析當前專案型別，引導使用者進入正確的開發流程。
內建三套子流程（均為本 skill 的內部資源）：
- backend-dev.md — 後端開發流程
- frontend-dev.md — 前端開發流程
- code-style.md — 前端程式碼規範（被 frontend-dev 引用）
第一步：專案型別檢測
掃描當前專案根目錄，按以下規則判斷專案型別：
前端專案特徵（命中任意一條即判定為前端）
| 檢測項 | 檔案 / 目錄 |
|---|---|
| Vue 專案 | package.json 含 vue 依賴，或存在 vite.config.ts / vue.config.js |
| React 專案 | package.json 含 react 依賴，或存在 next.config.* |
| 通用前端 | package.json 含 webpack / vite / rollup 等構建工具 |
| 純 Node 前端 | 存在 src/views/ 或 src/pages/ 或 src/components/ 目錄 |
後端專案特徵（命中任意一條即判定為後端）
| 檢測項 | 檔案 / 目錄 |
|---|---|
| PHP / Laravel | composer.json 存在，或存在 artisan 檔案，或存在 routes/api.php |
| Go / Gin | go.mod 存在，或存在 main.go |
| Python / Django | manage.py 存在，或存在 requirements.txt + wsgi.py |
| Python / FastAPI | requirements.txt 或 pyproject.toml 含 fastapi |
| Python / Flask | requirements.txt 或 pyproject.toml 含 flask |
| Node / Express | package.json 含 express 依賴且無前端框架依賴 |
| Node / NestJS | package.json 含 @nestjs/core |
| Java / Spring | pom.xml 或 build.gradle 存在 |
| Rust | Cargo.toml 存在 |
全棧專案特徵
同時命中前端和後端特徵 → 全棧專案。
無法判斷
以上規則均未命中 → 詢問使用者。
第二步：輸出檢測結果
向用戶展示檢測結果，格式如下：
專案型別檢測結果：
- 專案型別：{前端 / 後端 / 全棧}
- 框架：{Laravel / Vue3 / Go+Gin / ...}
- 檢測依據：{命中的特徵檔案}
即將進入 {對應開發模式}，是否確認？
- 輸入 y 或回車確認
- 輸入 frontend / backend 手動指定模式
等待使用者確認後再進入對應流程。
第三步：路由到對應開發流程
根據檢測結果（或使用者手動指定），讀取本 skill 目錄下的對應資原始檔並激活：
| 專案型別 | 啟用流程 | 資原始檔 |
|---|---|---|
| 後端專案 | 後端開發 | 讀取 backend-dev.md（與本 SKILL.md 同目錄） |
| 前端專案 | 前端開發 | 讀取 frontend-dev.md（與本 SKILL.md 同目錄） |
| 全棧專案 | 詢問使用者本次工作範圍，再路由 | — |
全棧專案處理
如果檢測到全棧專案，額外詢問：
檢測到全棧專案。本次開發聚焦哪個方向？ 1. 後端開發（進入後端開發流程） 2. 前端開發（進入前端開發流程） 3. 全棧開發（先後端再前端，順序執行）
小蔥技能站7w4.net每天更新，海量AI技能等你發現。
選擇全棧開發時：
1. 先執行 backend-dev.md 流程，完成後端實現和介面文件
2. 再執行 frontend-dev.md 流程，基於剛生成的介面文件實現前端
第四步：啟用目標流程
讀取目標資原始檔，按照其中定義的流程執行。
從目標流程的第一步開始，完整執行其定義的開發流程。
前端流程額外說明：當 frontend-dev.md 中提到程式碼規範 skill 時，預設讀取同目錄下的 code-style.md 作為預設程式碼規範。
內部資源說明
本 skill 目錄下包含以下資原始檔：
| 檔案 | 說明 |
|---|---|
SKILL.md |
本檔案 — 入口 skill，專案檢測與流程路由 |
backend-dev.md |
後端開發流程（需求分析 → 實現 → 介面文件同步） |
frontend-dev.md |
前端開發流程（讀取介面文件 → 頁面實現） |
code-style.md |
前端程式碼規範（Vue3 模板 + 檔案拆分規範），被 frontend-dev 引用 |
🤖 AI 評測
這個 Skill 質量不錯，設計思路很實用。它能自動識別專案型別，幫你按標準流程開發，前後端協作也變得更順暢。最實用的是「先確認再動手」的設計，能避免做完才發現需求理解錯了。文件寫得很清楚，小白也能看懂。不過目前功能比較基礎，複雜場景（比如出錯怎麼辦、要不要寫測試）沒覆蓋到，而且前端程式碼規範的示例文件不完整，想照著寫程式碼可能還差點意思。總體來說是個好用的輔助工具，但還有完善空間。
