審查或實作作品集 UI 動畫，使其符合現有動畫系統的規範，包括減少動畫、鍵盤操作、效能與響應式設計等限制。
這項技能旨在協助開發者審查或實作作品集網站中的 UI 動畫，確保其遵循既定的動畫系統與設計原則。它強調動畫應僅在能清楚表達層級、方向、回饋、順序或連續性時才使用，避免不必要的動畫效果。此技能支援多種平台與限制條件，包括減少動畫偏好、鍵盤焦點導航、桌面與行動裝置的響應式佈局，以及效能最佳化。其工作流程包含先閱讀專案的動畫規則與 token 來源，再根據決策規則（如優先使用 opacity 與 transform、避免佈局動畫與無限循環）進行實作或審查，最後需驗證正常與減少動畫狀態、鍵盤操作、跨裝置佈局，並為每個動畫選擇提供理由與相關 token 或原始碼。
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-motion-qa僅在動畫有助於釐清層級、方向、回饋、順序或連續性時才使用 motion。
閱讀專案的 motion 規則、代號來源以及現有的 motion 基本元素。重複使用它們的語意與持續時間，而不是新增獨立的縮放比例或新的動畫函式庫。
transition: all。測試一般與減少 motion 狀態、鍵盤聚焦、桌面/行動版型，以及適用的重播/退出行為。針對每個 motion 選擇報告其原因、使用的代號/基本元素，以及任何需要記錄的專案決策偏差。
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.
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.
Compare a portfolio website route with an approved visual reference at desktop and mobile sizes, then report evidence-backed visual defects and fixes.
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".