zz41354899

收斂洞察、界定問題、優先順序與成功指標，並確認限制條件（含可及性/a11y）。

蒐集使用者洞察、執行訪談並萃取人物誌與需求背景，建立對目標族群的同理心。

發散解法、繪製線框並探索視覺方向；內含 20 種 UI 風格參考以快速收斂。

將優選解法轉成可操作原型，設定互動、轉場與狀態，為測試與示範做準備。

評估與改善介面、內容與互動的無障礙品質,使產品更符合 WCAG 與包容性設計原則。當任務涉及對比度、鍵盤操作、語意化、表單可用性、螢幕閱讀器支援或 a11y 檢查時使用。

建立與維護設計系統、Design Tokens、元件規範與文件結構,提升產品一致性與跨團隊協作效率。當任務涉及元件庫、樣式規範、token、文件化、系統治理或跨產品一致性時使用。

規劃資訊架構、內容層級與導航結構,讓使用者更容易理解與找到資訊。當任務涉及網站地圖、內容分類、導航重組、卡片分類、tree testing 或大型內容結構設計時使用。

將研究資料整理成具代表性的使用者人物誌,幫助團隊對目標使用者建立共同理解。當任務涉及 persona、使用者分群、目標與痛點整理、設計對象定義或研究洞察彙整時使用。

Turn math, physics, algorithm, and data concepts into precise, implementation-ready Manim scene plans.

Turn video concepts into precise, implementation-ready Remotion storyboard scripts.

Guide users through aligning a SwiftClip video brief, choosing the best Remotion template, confirming a storyboard plan, and optionally generating code. Use when the user wants help deciding which template fits, wants an planning workflow before code generation, or wants to build a new Remotion composition.

Run a Preflight Checker review for everyday life, work handoffs, design assets, copy, confirmation emails, events, courses, workshops, plans, email, LINE, DM, Slack, and external messages. Use when the user asks to inspect, compare, preflight, check for missing details, reduce risk, review before publishing/sending/handing off, or wants a final actionable checklist.

根據對話生成或增強設計系統。自動偵測專案狀態，為新專案推薦範本，為現有專案提取並優化設計語彙。

Implement e-commerce checkout flow. Use when: building cart, shipping, payment, order confirmation steps; adding promo codes; validating checkout forms; handling payment errors; integrating payment gateways (Stripe, PayPal); managing checkout state; securing PII and payment data.