Shape
/impeccable 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。
- 用「標準」或「正常」來回答。 具體才是重點。如果使用者是「匆忙的、用手機的、開會之間的」,就這麼說。這會改變後續的一切。
讓想法化為交付成果。
HagiCode 是面向專案開發的 AI 編碼工作台:以 OpenSpec 工作流程規劃變更,多 Agent 並行執行,再由 Hero Scenario 讓進度一目了然,將想法化為交付成果。
- 智慧
- OpenSpec 工作流程將意圖轉化為從提案到交付的可執行路徑。
- 高效
- 多 Agent 並行推進研究、實作與審查。
- 有趣
- 豐富、便利的介面互動,讓規劃、Agent 執行與專案工作更容易跟進。
生態站點
快速連結
社群
© 2026 HagiCode | Powered By hagilight-starlight@0.18.0 | Branch: main | Commit: 4369090 | Built:
