外掛
外掛核心型
MCP 工具、Skill、測試問句、工具清單
第一階段產物轉成可測、可呼叫、可交接的外掛專案。
產業模板不是套版
第二階段要依專案內容選頁面模組、設計稿、品牌素材與品質檢查
開發助手會讀取第一階段專案檔、對話決策 trace、五階段 catalog 與工具能力，再選擇適合的頁面模組與介面設計規則。
可選的設計素材來源
- 設計稿只使用合法授權來源
- 品牌素材Logo、主視覺與圖片資料夾
- 頁面模組依產業需求自動選擇
- 品質檢查文字、手機版、授權與禁詞掃描
產業
產業網站型
首頁、服務說明、方案頁、使用教學、狀態頁
第二階段依第一階段專案檔與對話 trace 產生正確網站內容。
會員
會員權限型
Google 登入、會員中心、角色權限、資料隔離
第三階段建立不同開發者自己的帳號與權限，不混用管理者帳號。
權益
權益金流型
方案、付款、權益、退款、後台對帳
第四階段建立可驗證權益流程，但不假裝供應商已授權。
送審
送審準備型
送審資料、正負測試、Reviewer 路徑、政策檢查
第五階段整理 OpenAI 送審前資料與阻斷清單。
資料
資料查詢型
資料來源、schema、查詢工具、結果格式
只有產業需求真的需要查詢資料時才套用，不得把開發助手誤寫成資料查詢工具。
預約
預約服務型
服務項目、可預約時段、提醒與同意
美容、診所、維修、課程等需要預約流程的產業可選用。
電商
電商交易型
商品卡、購物車、付款確認、訂單狀態
商城、票券、課程、服務方案等交易型產業可選用。
第二階段設計思維資料庫
第二階段不是先套模板，而是先讀設計思維：色彩對比、品牌色角色、視覺層級、行銷目標、首屏動線、行動按鈕、動效舒適度與防污染清單，再決定要用哪些介面設計規則。
- 色彩學：背景、主要文字、輔助文字、品牌色、行動色、狀態色要分工，深底不得搭配深色文字。
- 視覺層級：首頁先回答這是什麼、給誰用、能完成什麼、下一步在哪裡。
- 行銷目標：依「成交、註冊、預約、查詢、下載、送審」決定行動按鈕與頁面順序。
- 動效規則：要有首屏可見動效與互動回饋，但不能有讓人暈的旋轉背景，並支援 reduced-motion。
- 防污染：外部模板與設計師作品只抽取方法，不複製品牌、公司名稱、Logo、人物與 demo 文案。
第二階段元件選擇規則
- bento / glow / spotlight / timeline 適合呈現階段、證據與方案。
- carousel / tabs / sidebar 適合多產業模板、後台導航與素材管理。
- file upload / image shader / chromatic / pixel 類元件只在圖片或素材流程需要時使用。
- 正式第二階段網站以 Next.js、React、TypeScript、Tailwind 為基礎；靜態預覽只保留使用體驗規則與交接證據。
- 第三方範例公司名稱、Logo、人物、髒話與外部 demo 圖不可進入正式交付。