浏览命令

/impeccable shape

Shape

先思考再建構。透過探索產出設計簡報,而非憑猜測。

brief.mdOutput of /impeccable shape
目的讓已承諾的訂閱者能改變收到的內容,而不會因取消訂閱而流失。
使用者匆忙、用手機、開會中。快速閱讀,耐心低。
內容4 種摘要類型、2 種頻率、底部一個全部取消選項。
感受沉穩、值得信賴、無暗黑模式。
限制行動優先。WCAG AA 對比。單欄,無對話框。

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。
  • 用「標準」或「正常」來回答。 具體才是重點。如果使用者是「匆忙的、用手機的、開會之間的」,就這麼說。這會改變後續的一切。