設計與前端

依 WCAG 2.2 AA 設計與稽核 Web、iOS、Android 的無障礙 UI

實作符合 WCAG 2.2 的無障礙介面，含 ARIA、螢幕閱讀器和行動裝置支援

依 WCAG 2.1 AA 稽核設計稿或頁面的無障礙問題

直接呼叫 Gemini 或 GPT API 生成圖片，含模型選擇與 5 段式 prompt 框架

先寫演算法哲學，再用 p5.js 做可調參數的生成藝術

產生 Angular 程式碼，涵蓋 signals、表單、DI、路由、測試和 CLI 的最佳實務

設計社群、廣告、網站 hero 用的多風格 banner 並匯出 PNG

管理品牌語調、視覺識別與素材，並同步成 design token

把 Anthropic 官方品牌色和字體套到各種產出物上

先做品牌訪談，再用 Stitch 產生並迭代 landing page，輸出可部署的 HTML

先寫設計哲學，再把它畫成海報或藝術作品的 PNG、PDF

為原創角色建一致臉部的 LoRA，從設定角色到產生多角度資料集

從單一品牌 hex 產生 11 階色票、語意 token、深色模式與 WCAG 對比檢查

用 Zoom Meeting SDK 的 Component View 把會議嵌進自訂網頁 UI

KMP 專案的 Compose 狀態、導覽、主題與效能模式

Zoom Contact Center 的 app、web、原生整合參考與生命週期

整合 logo、CIP、簡報、banner、icon、社群照片的全方位設計 skill

了解產品、研究競品，一起提出完整設計系統並產出 DESIGN.md

從易用性、層級、一致性、無障礙給設計稿結構化的 critique

從設計稿產出給工程師的 handoff 規格，含 token、狀態、斷點和動畫

把核准的設計稿做成 Pretext 排版、可上線的 HTML/CSS

用接力棒迴圈自主逐頁建構整個多頁網站，每輪產生並驗證一個頁面

用設計師的眼光稽核線上網站，找出問題、逐一修掉並驗證

檢查頁面的版面、字型、色彩、一致性等視覺設計夠不夠專業精緻

一次產生多個 AI 設計變體，用比較看板收回饋再迭代

從 codebase 抽出設計 token、替 UI 評分並抓出 AI slop

稽核、記錄或擴充 design system，檢查命名、token 和元件完整度

從現有網站或截圖萃取色彩、字型、元件，寫成語意化的 DESIGN.md

建立三層 design token、元件規格，並產生合規的投影片

用 design token、主題切換和元件架構建立可擴充的設計系統

把架構、流程、時序等四十五種圖表做成帶品牌風格的 HTML/SVG

透過 fal.ai MCP 生成圖片、影片與音訊

用 logo、縮寫或品牌色產生整包 favicon 和 manifest

React/Next.js 無障礙模式：語意 HTML、ARIA、表單標籤、鍵盤與焦點管理

做出有主見、不像 AI 套版的前端設計

替 production UI 先定設計方向，並用渲染證據檢查收尾

依設計品質三支柱審查 UI，或打造有辨識度的前端介面

React/Next.js 前端常用模式：元件組合、hooks、狀態、效能、表單與動畫

做零依賴、動畫豐富的 HTML 簡報，或把 PPT 轉成網頁，並確保塞進 viewport

用 Tailwind 與 Framer Motion 做有 glassmorphism 的深色 React 介面

用 GPT 生圖或修圖，先擬好中英文提示詞

用功能可供性理論分析技術給使用者的行動可能性

用心流理論調整挑戰與技能的平衡，設計讓人持續投入的環境

用統一風格規格替專案產生一整組一致的 SVG 圖示

用 Pillow 縮放、去邊、轉檔、優化圖片並產生 OG 卡片

用動態、回饋和狀態轉換設計好用的互動：微互動、載入、手勢和動畫

用 SF Symbols 或 Iconify 產生 Xcode asset catalog 用的 PNG 圖示

依簡報產生單檔 Tailwind landing page，含深色模式和 SEO

實作 iOS 26 Liquid Glass 玻璃材質，涵蓋 SwiftUI、UIKit 與 WidgetKit

用間距、圓角、陰影、動態等設計工程細節讓介面更精緻

用 Manim 做技術概念、圖表與系統圖的動畫解說影片

用 Material Design 3 與 Jetpack Compose 設計原生 Android 介面

用 iOS HIG 與 SwiftUI 設計原生 iOS 介面

React/Next.js 進階動態：拖放、手勢、文字與 SVG 動畫、useAnimate 序列

motion/react 的 token、spring 預設、無障礙與 SSR 安全基礎層

按鈕、modal、toast、stagger、頁面轉場等常見 UI 動畫的現成模式

精通 Next.js 14+ App Router 的 Server Components 與 streaming

Next.js 16+ 與 Turbopack 的開發慣例，含 proxy.ts 檔名變更

Nuxt 4 的 hydration 安全、route rules 與 SSR 資料取得寫法

稽核 app 的 onboarding 缺口，並產出空狀態、導覽和提示的內容與程式碼

設計師視角審查計畫，逐項補上缺少的設計決策並打 0-10 分

做用完即丟的 prototype 回答設計問題

建立帶 TypeScript 型別與 Zustand 整合的 React Flow 自訂 node 元件

React Native 與 Expo 的列表、動畫、導覽等效能與架構模式

React Native 的樣式、navigation 和 Reanimated 動畫寫法

React Native 搭配 Expo 的導覽、狀態、資料抓取與列表做法

React 18/19 的 hook、RSC 邊界、表單與狀態決策模式

React 19 的效能與組合模式，含消除 waterfall 和避免重渲染

改編自 Vercel 的 React/Next.js 效能最佳化規則，按優先級整理

用 React 和 Remotion 製作影片的 29 條領域規則索引

把訪談、問卷等使用者研究整理成主題與建議

用 container query、fluid typography 和 mobile-first 做響應式版面

替 React 專案安裝 shadcn/ui 元件，附陷阱與常用配方

用 PIL 畫動畫，做出符合 Slack 規格的 GIF

用 Chart.js 與文案公式做有策略的 HTML 簡報

把筆記、文件或舊 deck 設計成精緻可編輯的 OpenSlideX 簡報

讀寫瀏覽器原生的 OpenSlideX HTML 簡報並保留為標準來源

靜態設計完成後，加入或審查有意義的 OpenSlideX 動畫

用 presentation.tsx 建立與修復標準的 OpenSlideX React 簡報

SwiftUI 狀態管理、view 組合、導航和效能最佳化模式

用 Tailwind v4 的 @theme 和 design token 建構可擴展設計系統

設定 Tailwind v4 加 shadcn/ui 主題與 dark mode，附 18 個陷阱

替 angelcore 風格的音樂影片定美學方向、調色和對拍剪輯流程

用風格包生成影片、照量測節奏剪輯並用數字驗證成品

把參考影片量測成風格包，含 LUT、剪輯節奏和疊加素材

離線規劃品味訪談、風格包驗證、套用與可編輯時間軸匯出

統籌 UI 團隊走完 UX 規格、視覺設計、實作、審查到 polish

從 10 套預設主題挑一套，或即時生成新主題來套用到簡報和文件

用 shadcn/ui、Tailwind 與 canvas 打造無障礙的漂亮介面

把 UI 設計截圖批次轉成 Vue 3 元件，支援 Vant 等元件庫

搜尋本機資料庫，為網頁與 App 產生設計系統與 UX 指引

用 React + Fluent UI 建立在 Copilot Chat 渲染 widget 的 MCP server

規劃、執行並彙整使用者訪談、可用性測試與問卷研究

比較多份 UX pattern library，整理趨同、分歧並給出建議

撰寫或審閱 CTA、錯誤訊息、空狀態等介面 UX 文案

逐章節撰寫畫面、流程或 HUD 的 UX 規格，也管專案無障礙需求

用同理、定義、發想、原型、測試五階段解決以使用者為中心的問題

徹底擷取參考 app 的 UX 模式，整理成可重複使用的 pattern library

用 Nielsen 十大原則做啟發式評估，找出易用性問題並評嚴重度

用 FFmpeg、Remotion 和 AI 輔助剪輯真實素材，從原始檔到收尾

用字體、色彩、間距和圖示原則建立一致的視覺設計系統

依視覺脈絡改 UI 時，只動被指到的元素、其他全部保留

Vite 的設定、plugin、HMR、環境變數、SSR 到建置最佳化的慣用做法

Vue 3 Composition API、Pinia、Router 和 Nuxt 的寫法與最佳實務

用自動與人工測試做 WCAG 2.2 無障礙稽核和修正

用 React、Tailwind、shadcn/ui 做複雜 artifact，再打包成單一 HTML

React、Vue、Svelte 元件組合模式與可重複使用的元件 API 設計