/impeccable shape
Shape
先思考再建構。透過探索產出設計簡報,而非憑猜測。
shape 簡報是指南針,不是規格書。它捕捉意圖,不是 UI。實作技能在寫下任何一行程式碼之前會先閱讀它。
何時使用
/impeccable shape 是功能的起點。在任何人寫程式碼之前,在任何人爭論 hero 處理方式之前,在任何人挑選字型之前。用它來強制進行一場關於目的、使用者、內容和限制的探索對話,然後將答案捕捉為設計簡報,供實作技能參考。
每當功能即將開始、工單模糊不清,或你發現自己正在寫 JSX 來弄清楚產品應該是什麼時,就使用它。
運作方式
大多數 AI 生成的 UI 不是因為程式碼不好而失敗,而是因為跳過了思考。模型直接跳到「這是一個卡片網格」,而沒有問「使用者想要達成什麼」。/impeccable shape 顛覆了這個順序。
技能在對話中執行結構化的探索訪談。它在此階段不會寫程式碼。問題涵蓋:
- 目的和脈絡:功能是做什麼的、誰在使用、他們處於什麼心理狀態
- 內容和資料:顯示什麼、實際範圍、邊緣情況、什麼是動態的
- 設計目標:最重要的一件事、預期的感受、參考範例
- 限制:技術、內容、無障礙、在地化
你自然地回答。技能會追問,不是填表。最後它產出一份設計簡報:一個結構化的產物,你可以交給 /impeccable 或任何其他實作技能。
注意:如果你想要完整流程(探索訪談,然後直接進入建構),請改用 /impeccable craft。它在內部執行 /impeccable shape,然後繼續進行帶視覺迭代的實作。獨立的 /impeccable shape 適用於你只想要簡報的情況,這樣你可以採用任何你偏好的實作方式。
試試看
/impeccable shape a daily digest email preferences page
預期一段 5 到 10 題的對話。技能會問諸如「打開這個頁面的人是誰,他們是已經承諾使用還是仍在觀望」以及「當使用者取消訂閱了所有內容時會發生什麼,我們隱藏功能還是顯示什麼」之類的問題。你回答,簡報就會成形。
從那裡你可以將簡報交給 /impeccable、/impeccable polish 或任何其他技能。或者只是把它當作參考,自己手動建構。
注意事項
- 因為覺得太慢而跳過。 訪談大概 5 分鐘。你避免的重寫是以小時計算的。
- 把簡報當作規格書。 它是指南針,不是檢查清單。它捕捉意圖,不是 UI。
- 用「標準」或「正常」來回答。 具體才是重點。如果使用者是「匆忙的、用手機的、開會之間的」,就這麼說。這會改變後續的一切。