設計交付單　使用說明

用途

把介面設計整理成工程團隊能直接實作的交付規格，補齊版面、元件、互動、響應式與例外狀況。

適合誰

適合設計師、產品經理、專案負責人，以及需要和工程師確認介面細節的團隊。

怎麼用

1. 把 Skill 加進你的 AI 工具。
2. 貼上畫面截圖或功能描述。
3. 說明要交付的畫面、裝置與重要互動，例如：「整理成手機版設計交付單，補齊載入、錯誤和空白狀態。」

範例

用戶：幫我整理會員登入頁交付規格，有手機號碼、驗證碼和登入按鈕。

回覆：登入頁以快速完成手機驗證為主，可直接交付如下：

版面
欄位垂直排列，主要按鈕滿版顯示。

狀態
欄位包含預設、輸入中、錯誤與停用；送出期間按鈕顯示處理中且不可重複點擊。

互動
手機號碼格式錯誤時於欄位下方提示；驗證失敗後保留手機號碼。

例外
網路逾時時顯示重試提示，不清除已輸入內容。

先假設沿用現有表單元件，不對再跟我說。

注意

提供的畫面與需求越清楚，交付內容越精準。價格、日期、人名等關鍵資訊若未提供，會保留欄位請你補上；其他次要細節會先合理假設，不讓工作卡住。

技序 Jixu AI 出品