BryantChi

互動選擇精靈

0
0
# Install this skill:
npx skills add BryantChi/webdev-skills --skill "互動選擇精靈"

Install specific skill from multi-skill repository

# Description

透過問答引導選擇最適合的技術棧、設計風格和 Coding Style

# SKILL.md


name: 互動選擇精靈
description: 透過問答引導選擇最適合的技術棧、設計風格和 Coding Style


🧙 互動選擇精靈

精靈列表

精靈 用途 問題數 預計時間
技術棧精靈 選擇前後端框架、資料庫 12 題 5-10 分鐘
風格精靈 選擇設計風格、色彩、排版 15 題 5-10 分鐘
Coding Style 精靈 選擇程式碼規範、工具設定 15 題 5-10 分鐘

使用方式

對 AI 說:

技術棧
- 幫我選擇技術棧
- 我想建立網站,不知道該用什麼框架
- React 還是 Vue 比較適合我?

設計風格
- 幫我選擇設計風格
- 我想要現代科技感的設計
- 醫療網站適合什麼風格?

Coding Style
- 幫我選擇 coding style
- 團隊專案該用什麼程式碼規範?
- ESLint 設定推薦


AI 執行流程

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 文件                 ║
╚══════════════════════════════════════════════╝

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.