{"title":"UX 設計師與研究員 Claude Skills","description":"\u003cp\u003e提供 UX 設計師、產品設計師和 UX 研究人員使用的 Claude 技能。可下載的 .md 設定檔，適用於研究計畫、可用性研究結果、介面文案和設計評論。立即下載，享有 30 天退款保證。\u003c\/p\u003e","products":[{"product_id":"david-ux-writer-ai-skill","title":"David - UX 寫作 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 David 放入 Claude，就能獲得一位資深 UX Writer，為使用者與數位產品互動時所看到的每個字撰寫文案 - 按鈕標籤、新手引導流程、錯誤訊息、空白狀態、工具提示、推播通知、表單欄位文案，以及讓介面幾乎隱形的產品內容風格指南，因為使用者總是清楚知道下一步該做什麼。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 糟糕的 UX 文案會造成混淆、錯誤、流失與支援請求。優秀的 UX 文案幾乎不易察覺。David 是 Claude 格式中最注重精準度的 AI UX 文案工具之一 - 建立於他始終遵守的三項原則：說明它會做什麼，而不是它是什麼（「儲存變更」而非「提交」）；以使用者的目標為出發點，而不是系統的操作（「你的帳戶已準備就緒」而非「帳戶建立流程已成功完成」）；如果使用者必須閱讀錯誤訊息，產品就已經辜負了他們 - 讓修正路徑立即且清楚。針對每個按鈕標籤或關鍵 UI 文案，他會提供 3 個以上選項，因為這些都是具有可衡量影響的設計決策。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #EEEDFE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你會獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e微文案與 UI 文字 - 按鈕與 CTA 標籤選項（每個元素 3 個以上變體）、導覽項目與選單標籤、產品介面中的頁面標題與標頭、工具提示與情境式說明文字、載入狀態訊息、模態視窗與對話方塊文案，以及涵蓋標籤、預留位置與輔助文字的表單欄位文案\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e錯誤訊息與驗證文案 - 以發生什麼問題、原因及修正方式為結構的錯誤訊息、表單欄位驗證訊息、權限錯誤與系統錯誤訊息組、成功與確認狀態、行動應用程式的推播通知文案，以及交易電子郵件通知文案\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e新手引導流程文案 - 逐畫面呈現的新使用者新手引導文案、功能介紹與探索文案、導覽與教學文字、說明應用程式為何需要存取權限的權限請求理由，以及鼓勵使用者採取首次行動且不造成壓力的空白狀態 prompts\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eProduct content style guides and terminology - product-specific content style guide sections, terminology glossaries that enforce consistent labelling across the product, UX copy audits of existing interfaces with specific rewrite recommendations, and GDPR-aware consent language and data collection notification copy\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e產品內容風格指南與術語 - 產品專屬內容風格指南章節、確保整個產品標籤一致的術語表、針對現有介面的 UX 文案稽核與具體改寫建議，以及符合 GDPR 的同意語言和資料收集通知文案\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eApp Store 上架文案 - iOS 和 Android App Store 的標題、描述與螢幕截圖說明文案、符合無障礙需求的替代文字標準、產品介面的包容性語言審查，以及針對新手引導和啟用流程中關鍵轉換點的 A\/B 文案測試框架\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 david-ux-writer-ai-skill.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #4F46E5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到你的專案指示或系統 prompt 中 → 提供產品類型、使用者背景，以及你需要撰寫或稽核的 UI 文案 → David 立即產出清晰、精簡、以使用者為中心的文案。\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; margin-top: 24px; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 10px 0; font-family: 'DM Mono', monospace;\"\u003e\/\/ 額外好康：內含 prompt 範本\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 此技能現在包含獨立的\u003cstrong\u003eAI UX Writing Generator\u003c\/strong\u003e prompt（原先另行販售）- 一個可直接貼上使用的範本，涵蓋 13 種 UI 介面（按鈕、錯誤訊息、空白狀態、彈出視窗、表單、通知、付費牆等）的微文案，並為每項文案決策提供理由。當你只需要快速處理單一介面，不需要 David 完整的稽核與風格指南服務範圍時，就使用這個範本。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57637861196040,"sku":"david-ux-writer-ai-skill","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/david-ux-writer-ai-skill-book.jpg?v=1787132153"},{"product_id":"denholm-ux-ui-product-designer","title":"Denholm - UX\/UI 設計師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Denholm 放入 Claude，您就能獲得一位會在接觸視覺設計前先修正流程的資深 UX\/UI 產品設計師。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eDenholm 涵蓋使用者流程規劃、線框圖、互動與微互動設計、無障礙功能、設計系統，以及開發者交接規格。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e在使用者流程與資訊架構完成驗證前，不會讓任何畫面進入高擬真視覺設計階段\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e將無障礙功能（對比度、點擊目標、鍵盤導覽）視為首要要求，而非事後補救\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e每個流程都會在實際使用的真實視窗尺寸中進行審查，而不只是桌面版\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e以具體、可直接使用的成果交付開發者交接規格（間距、狀態、斷點）\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 denholm-ux-ui-product-designer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或 system prompt → 描述您的需求 → Denholm 建立答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58329007194376,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/denholm-ux-ui-product-designer-1.png?v=1789463474"},{"product_id":"melisande-ux-researcher","title":"Melisande - UX 研究員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Melisande 放入 Claude，即可獲得一位資深 UX 研究員，讓每項設計決策都以使用者實際做了什麼、說了什麼為依據，而不是團隊假設他們會做什麼、說什麼。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMelisande 涵蓋完整的研究週期：使用不會誘導受訪者回答的討論指南，進行使用者訪談設計與主持；根據實際問題與限制條件，選擇適合的主持式與非主持式可用性測試；設計能夠測量而非確認的問卷；將原始研究資料綜整為可追溯至真實場次與引言的洞察；以及建立以觀察資料為根據，而非以利害關係人心智模型為基礎的人物誌與旅程地圖。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e在開始任何一場訪談前，先審查討論指南中的引導性措辭\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e依問題選擇適合的可用性測試形式：主持式測試探究原因，非主持式測試擴大規模\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e從原始資料開始編碼研究結果，並追溯至特定場次與引言\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e人物誌與旅程地圖僅根據有來源的研究建立，絕不採用利害關係人的假設\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 melisande-ux-researcher.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到「專案指示」或系統提示中 → 描述您的需求 → Melisande 建立答案。內含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367790285064,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/melisande-ux-researcher-1.png?v=1789463475"},{"product_id":"vashti-design-systems-architect","title":"Vashti - 設計系統架構師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Vashti 加入 Claude，即可獲得一位資深設計系統架構師，建立 token 與元件基礎架構，讓每個產品團隊都能一致地推出產品，不必每次都從頭打造按鈕。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVashti 涵蓋完整的設計系統專業範疇：基於原子設計原則建立設計系統架構、建立涵蓋色彩、間距和字體比例的設計 token 結構、提供附有實際使用指南的元件文件、以合約形式撰寫設計至開發的交接標準，以及按照實際稽核週期及早發現偏移的採用與治理機制。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e每個元件在建立前都先命名其原子層級（原子／分子／生物）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e原始、語意和元件層級的設計 token 架構\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e交接標準以 token 名稱和狀態定義，而非十六進位色碼和理想流程\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e先降低實際摩擦，再推動採用；明確說明治理稽核週期\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 vashti-design-systems-architect.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統 prompt 中 → 描述您的需求 → Vashti 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367794610440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vashti-design-systems-architect-1.png?v=1789463475"},{"product_id":"ozymandias-visual-product-design-systems-director","title":"Ozymandias - 設計系統總監 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Ozymandias 放入 Claude，即可獲得一位資深視覺與產品設計系統總監，專門修正設計職能本身，而不是其中任何一個單獨的畫面、拍攝或版面。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eOzymandias 負責協調 Creative、Content \u0026amp; Design 團隊名單在視覺與產品面向的工作：依據品牌真實來源，稽核所有面向客戶的介面目前所使用的視覺語言；找出設計系統已有文件卻未被遵循背後的治理缺口；設計符合各階段的評審流程，賦予審查者真正的決策權；依據工作實際流動的方式組織設計團隊；並安排跨介面一致性計畫的執行順序，而非試圖一次修正所有問題。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e直接依據品牌系統稽核每個面向客戶的介面，明確指出具體的偏離之處\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e與系統同步建立執行機制（審查關卡、指定負責人），而不是事後才補上\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e重新設計評審流程，明確標示所處階段、賦予真正的審查者決策權，並建立解決路徑\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e每個設計介面都明確指派一位負責人，並公開釐清重疊職責與無人負責的區域\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 ozymandias-visual-product-design-systems-director.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統 prompt 中 → 描述您的需求 → Ozymandias 建立答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367851004168,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ozymandias-visual-product-design-systems-director-1.png?v=1789463475"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/ux-designer-skills.jpg?v=1787735970","url":"https:\/\/kissmyskills.com\/zh\/collections\/ux-designer-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}