設定
試用外掛程式
Design 外掛程式已內建 /design-handoff，其結構已設定好可讀取流程描述和元件庫，並產生連接完整、可點擊的 HTML 建置。如果您的管理員負責管理外掛程式，而該外掛程式尚未可用，請跳過此步驟；以下內容皆不需要它。
/design-handoffGenerate developer handoff specs from a design./ux-copyWrite or review UX copy — microcopy, error messages, empty states, CTAs.連接您的工具
Claude Cowork 在直接與您的系統協作時更加強大。您可以控制權限和存取權限。了解工具存取權限（在新分頁中開啟）。
在 Cowork 中前往自訂 → 連接器進行設定。
設定您的工作資料夾
將您要使用的檔案（流程描述或規格、元件庫匯出檔、您的 tokens、範例內容）拖曳到您電腦上的一個資料夾中，然後將 Cowork 指向該資料夾。Cowork 會從中讀取，並將原型 HTML 寫回子資料夾。如果您經常製作原型，請從該資料夾建立 Cowork 專案（在新分頁中開啟），讓您的元件庫和慣例保持附加。
提示
將此內容複製到 Claude Cowork 中
建立此資料夾中流程的可點擊 HTML 原型，僅使用我們設計系統元件庫中的元件。連接導覽、使用真實的預留資料，並將其寫入 prototype/index.html，讓我可以在瀏覽器中點擊瀏覽。
為什麼這樣有效
限制它只使用您自己的素材。 不要憑空創造 UI；所有內容都對應到真實的元件庫。
描述每個互動應該做什麼。 點擊會實際產生動作；使用者測試的是流程，而不是圖片。
要求真實的範例內容。 不要使用 lorem ipsum；畫面讀起來就像真正的產品。
直接提供原始檔案。 Tokens 和 CSS 會原封不動地納入原型中。
取得更好的草稿
加入一個範例來比對。 將您喜歡的範例放入資料夾，Cowork 就會比對您的結構和語氣。
要求它標記不確定的地方。 加上「標記出任何您不確定的地方」，這樣您在審閱草稿時就知道要先看哪裡。
讓 Cowork 為您效力
外掛程式的 /design-handoff 是一個通用的起點。一旦步驟 2 產生了您真正會拿給參與者看的建置，就告訴 Cowork 寫出您自己的技能版本。加入您的元件命名方式、您的資料固定資料（fixtures）、您的互動慣例，以及您的原型一直放置其中的包裝頁面。只需幾分鐘的對話，之後該技能就會依照您的標準執行。
把我們在這項任務中目前所做的內容變成一項技能，或根據我的回饋編輯 /design-handoff 技能。
讓它可重複執行
以 artifact 形式分享
需要透過電子郵件傳來傳去的原型很快就會過時。請 Cowork 將其發布為 artifact，這樣每位審閱者和測試參與者都只需要一個連結——重新執行該技能（或排程執行）即可更新。
將該原型發布為 artifact。在角落加上一個小小的「v2、v3」版本標記。
每次規格變更時重新建置
規格一有變動，原型就應該自動跟上，不需要再次請求。在提示中輸入 /schedule，或在 Cowork 側邊欄開啟已排程，將自訂技能設定為每天早上根據資料夾中的內容重新建置。
/schedule 平日上午 7 點，檢查 Prototypes/Invite-Flow 是否有變更，並重新執行 /design-handoff，重新建置 prototype/index.html 並更新版本標記。
每個平日上午 7 點，檢查專案資料夾是否有規格或元件庫變更，重新執行 /design-handoff，並以更新的版本標記重新建置可點擊的 HTML。
與您的團隊成員分享
您自訂的 /design-handoff 現在帶有您的元件對應表、您的資料固定資料，以及您的包裝頁面。分享它，讓團隊中的任何設計師都能以相同的方式從規格走到可點擊的建置，概念測試也不再需要等待懂得手動連接畫面的人。