i18n/zh-TW/app-builder/SKILL.md
主要應用程式建構協調器。從自然語言請求建立全端應用。判定專案類型、選擇技術堆疊、協調代理。
npx skillsauth add tai-ch0802/skills-bundle app-builderInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
分析使用者的請求、決定技術堆疊、規劃結構並協調代理。
僅閱讀與請求相關的檔案! 查看內容地圖,找到你需要的。
| 檔案 | 描述 | 何時閱讀 |
|------|------|----------|
| project-detection.md | 關鍵字矩陣、專案類型偵測 | 開始新專案 |
| tech-stack.md | 2026 預設堆疊、替代方案 | 選擇技術 |
| agent-coordination.md | 代理管線、執行順序 | 協調多代理工作 |
| scaffolding.md | 目錄結構、核心檔案 | 建立專案結構 |
| feature-building.md | 功能分析、錯誤處理 | 為現有專案新增功能 |
| templates/SKILL.md | 專案範本 | 搭建新專案骨架 |
新專案的快速啟動骨架。僅閱讀匹配的範本!
| 範本 | 技術堆疊 | 適用時機 | |------|----------|----------| | nextjs-fullstack | Next.js + Prisma | 全端 Web 應用 | | nextjs-saas | Next.js + Stripe | SaaS 產品 | | nextjs-static | Next.js + Framer | 著陸頁 | | nuxt-app | Nuxt 3 + Pinia | Vue 全端應用 | | express-api | Express + JWT | REST API | | python-fastapi | FastAPI | Python API | | react-native-app | Expo + Zustand | 行動應用 | | flutter-app | Flutter + Riverpod | 跨平台行動 | | electron-desktop | Electron + React | 桌面應用 | | chrome-extension | Chrome MV3 | 瀏覽器擴充 | | cli-tool | Node.js + Commander | CLI 應用 | | monorepo-turborepo | Turborepo + pnpm | Monorepo |
| 代理 | 角色 |
|------|------|
| project-planner | 任務分解、依賴圖 |
| frontend-specialist | UI 元件、頁面 |
| backend-specialist | API、業務邏輯 |
| database-architect | Schema、遷移 |
| devops-engineer | 部署、預覽 |
使用者:「做一個有照片分享和按讚的 Instagram 複製品」
App Builder 流程:
1. 專案類型:社群媒體應用
2. 技術堆疊:Next.js + Prisma + Cloudinary + Clerk
3. 建立計畫:
├─ 資料庫 schema(users、posts、likes、follows)
├─ API 路由(12 個端點)
├─ 頁面(feed、profile、upload)
└─ 元件(PostCard、Feed、LikeButton)
4. 協調代理
5. 報告進度
6. 啟動預覽
development
Unified testing skill — TDD workflow, unit/integration patterns, E2E/Playwright strategies. Replaces tdd-workflow + testing-patterns + webapp-testing.
testing
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
development
Spec-Driven Development (SDD): A structured workflow (Requirement -> Analysis -> Implementation) enforcing explicit documentation before coding.
development
Methodologies for System Analysis (SA), focusing on technical architecture, data flow modeling, and API design.