interactive-wizard
스타1
포크0
업데이트2026년 4월 25일 22:57
透過問答引導選擇技術棧、設計風格和 Coding Style
설치
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
파일 탐색기
4 개 파일SKILL.md
readonly메뉴
透過問答引導選擇技術棧、設計風格和 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 文件 ║
╚══════════════════════════════════════════════╝