April 2026

Take a break and read all about it

設計脈絡為的重要性:Claude 系統提示詞如何用萬字 system prompt教 AI「先理解、再動手」

深入解析 Anthropic Claude 設計代理的系統提示詞架構:以 HTML 為設計媒介,化身動畫師、UX 設計師、簡報設計師、原型製作者等專業角色,透過結構化工作流程、設計系統脈絡蒐集、Tweak 微調機制與驗證子代理,產出具工程品質的高擬真設計作品。完整涵蓋檔案路徑規範、啟動元件(deck_stage、design_canvas、animations)、React/Babel 行內 JSX 整合、幻燈片縮放與講者備註、GitHub 儲存庫匯入、Frontend design 技能呼叫,以及網頁搜尋的著作權守則,呈現出如何將零散需求轉化為可迭代原型的核心方法論。

Read More »