القائمة
透過問答引導選擇技術棧、設計風格和 Coding Style
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
完整的網站開發指南，涵蓋 UI/UX 設計、React/Vue/Next.js 前端框架、Laravel/Node.js 後端、Coding Style 與互動式選擇精靈
Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md
REST API 與 GraphQL 設計規範指南
認證授權（Auth.js、Clerk、JWT/Cookie 安全、RBAC/ABAC）。不含 OAuth provider 細節
Laravel、Node.js、Django、FastAPI 後端框架指南
JavaScript、TypeScript、PHP、Python、CSS 代碼規範
| id | interactive_wizard |
| name | interactive_wizard |
| description | 透過問答引導選擇技術棧、設計風格和 Coding Style |
| 精靈 | 用途 | 問題數 | 預計時間 |
|---|---|---|---|
| 技術棧精靈 | 選擇前後端框架、資料庫、測試、部署、效能目標 | 15 題 | 5-10 分鐘 |
| 風格精靈 | 選擇設計風格、色彩、排版 | 15 題 | 5-10 分鐘 |
| Coding Style 精靈 | 選擇程式碼規範、工具設定 | 15 題 | 5-10 分鐘 |
技術棧：
幫我選擇技術棧我想建立網站，不知道該用什麼框架React 還是 Vue 比較適合我？設計風格：
幫我選擇設計風格我想要現代科技感的設計醫療網站適合什麼風格？Coding Style：
幫我選擇 coding style團隊專案該用什麼程式碼規範？ESLint 設定推薦flowchart TD
A[用戶提出需求] --> B{需求明確?}
B -->|是| C[直接套用對應技能]
B -->|否| D[啟動精靈]
D --> E[逐題詢問]
E --> F[收集答案]
F --> G[分析匹配]
G --> H[輸出推薦結果]
H --> I[用戶確認]
I -->|接受| C
I -->|調整| E
每個精靈完成後會輸出：
╔══════════════════════════════════════════════╗
║ ✨ 分析結果 ║
╠══════════════════════════════════════════════╣
║ 🎯 推薦方案 ║
║ 第一推薦：_______ (匹配度 __%) ║
║ 第二推薦：_______ (匹配度 __%) ║
║ 第三推薦：_______ (匹配度 __%) ║
╠══════════════════════════════════════════════╣
║ 📝 推薦理由 ║
║ • 理由 1 ║
║ • 理由 2 ║
╠══════════════════════════════════════════════╣
║ ⚠️ 注意事項 ║
║ • 注意 1 ║
╠══════════════════════════════════════════════╣
║ 🔗 相關資源 ║
║ • 連結到對應的 Skill 文件 ║
╚══════════════════════════════════════════════╝