準備、優化並註冊作品集圖片與文件，同時保留來源、可及性與響應式渲染合約。
此技能專門用於將已核准的媒體資產安全地轉換為網站就緒的格式。它定義了一套嚴謹的工作流程，確保在重新命名、取代或轉換任何資產之前，先檢查現有的媒體目錄慣例以及所有程式碼/資料引用。其核心目標是在保留原始來源資產與審核狀態的同時，產出最小且最適合的最佳化衍生檔案，除非獲得用戶明確授權，否則不會刪除原始檔案。該技能支援的主要平台為靜態網站生成器或個人作品集網站，尤其關注可及性，它會強制更新所有必需的註冊表、內容引用、尺寸以及本地化的替代文字，並驗證圖像在生產建置中能正確載入且不變形。此外，它還設有嚴格的邊界，禁止用生成式影像取代真實的專案素材，或將本地持有的檔案視為擁有版權。
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops安全地將已核准的媒體轉換為網站就緒的資產。
驗證路徑在生產建置中是否能正確解析、圖片載入時無變形、在最大渲染尺寸下視覺品質足夠，以及裝飾性圖片已正確標記，而非賦予誤導性的替代文字。測試封面資產在桌面與行動裝置上的裁切行為。
絕不以生成式影像取代真實的專案素材，不得暗示從本地持有即可獲得權利，也不得在常規最佳化流程中刪除原始檔案。
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.
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.
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".