比較作品集網站路由與桌面及行動裝置尺寸的核准視覺參考，然後報告有證據支持的視覺缺陷與修正。
此技能專注於對作品集網站執行嚴謹的視覺驗證，超越單純的程式碼審查。它會先建立測試環境，確認參考標準、路由、UI狀態與視窗尺寸，並在請求未指定時自動包含一個行動裝置尺寸。接著深入比較層級結構、排版、間距、色彩、素材保真度與互動狀態，同時檢查鍵盤可達性與動態行為。最後以優先級分組報告發現：P1 阻礙主要架構或任務、P2 明顯的視覺或響應式不符、P3 次要修飾。每個發現均附帶受影響路由、觀察到的行為、可能原因及最小可行修正。此技能支援各種開發工具與 AI 代理平台，確保變更前後能可靠地重現視覺品質。
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-visual-qa執行視覺驗證，而非僅進行程式碼審查。
確認參考標準、路由、UI 狀態、視窗尺寸，以及任務是否允許實作。透過已建立之指令啟動網站，並在要求的尺寸下檢視渲染輸出；若請求未指定尺寸，則包含一個行動裝置尺寸。
評估層級結構、字體排版與換行、間距與幾何、色彩與對比、素材保真度、響應式裁切/溢出，以及互動狀態。當涉及動畫或導覽時，驗證鍵盤可達性與減少動畫行為。
先說明證據與限制。依優先級分組發現：
P1：阻礙預期的層級結構、無障礙存取或核心任務。P2：重大的視覺或響應式不符。P3：可以等待的修飾。每個發現需標明受影響的路由/狀態、觀察到的行為、可能的來源，以及最小的可信修正。在受影響的視窗中重新測試修正。若瀏覽器截圖或目標參考不可用，不得聲稱視覺檢查通過。
This repo contains 7 individual skills — each has its own dedicated page.
Validate Chinese and English portfolio routes, content states, metadata, and fallbacks. Use when adding or reviewing localized portfolio content.
Build or update an evidence-backed portfolio case study in an existing website. Use after narrative facts and media have been approved.
Audit raw portfolio-project materials into an evidence-backed publishing brief. Use before writing a case study, project card, or factual portfolio copy.
Prepare, optimize, and register portfolio images and documents while preserving provenance, accessibility, and responsive rendering contracts.
Review or implement portfolio UI motion against an existing motion system, including reduced-motion, keyboard, performance, and responsive constraints.
Validate a statically exported portfolio website for GitHub Pages release readiness. Use before publishing or diagnosing deployment regressions.
Add or review an accessible portfolio project-preview reader for ordered long images, document pages, or staged visual modules.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".