Menu
透過問答引導選擇技術棧、設計風格和 Coding Style
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle 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 文件 ║
╚══════════════════════════════════════════════╝