审核或实现符合现有动效系统的作品集界面动效，兼顾减弱动效、键盘操作、性能和响应式约束。
此技能用于指导开发者或AI助手在个人作品集网站中正确使用动效，确保动效仅用于增强层次结构、导向、反馈、序列或连续性。它强调先检查项目现有的动效规则、令牌来源和基础动效组件，复用其语义和持续时间，而非引入独立的动画库或新增比例。决策规则要求保持文本内容静态，除非动效能提供明确优势；优先使用不透明度与变换，避免布局动画、无限循环、滚动劫持、字符交错和`transition: all`。验证阶段需测试正常与减弱动效状态、键盘焦点、桌面/移动端布局及重播/退出行为，并报告每个动效选择的理由及其使用的令牌/组件。
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-motion-qa仅当动效能澄清层次结构、导向、反馈、序列或连续性时才使用。
阅读项目的动效规则、令牌来源和现有动效基础组件。复用其语义和持续时间，而非添加独立的动画库或新增比例。
transition: all。测试正常与减弱动效状态、键盘焦点、桌面/移动端布局，并适当地测试重播/退出行为。报告每个动效选择的理由、其使用的令牌/基础组件，以及任何需要记录在项目决策中的偏差。
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".