在現有封存預覽中，為有序長圖、文件頁面或分階段視覺模組，新增或審查一個無障礙的作品集專案預覽閱讀器，不中斷原本的瀏覽流程。
這個技能「作品集預覽閱讀器」專門用來在現有的封存或對話框預覽元件中，以無障礙且不中斷瀏覽流程的方式，展示經過審核的長型專案視覺素材（例如長條圖、文件頁面或階段性模組）。它適用於任何需要以訂閱順序瀏覽多頁內容的作品集網站，並支援桌面與行動裝置。實作時，技能強調必須先檢查現有封存/對話框的狀態模型、文件閱讀器路徑、專案註冊表、素材順序與行動樣式，並避免過度抽象化 — 只在確實有可重複使用的行為時才泛化，否則保持一對一的專案規則。技能還要求保留原有的關閉、ESC、焦點恢復、捲動鎖定與鍵盤行為，且只有在細節頁面可發布時才進行路由，避免暴露錯誤或語意重複的目標。驗證階段需確認所有素材載入、標籤存在、預覽開關運作正常，以及閱讀器寬度在桌面與行動裝置上無水平溢位，並通過型別檢查、程式碼品質檢查與生產建置測試。
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-project-preview-reader在現有封存預覽中，展示經過審核的長型專案視覺素材，同時不中斷周圍的瀏覽流程。
檢查封存/對話框的狀態模型、現有文件閱讀器路徑、專案註冊表、來源素材順序與行動裝置樣式。僅對確有重複行為的部分進行泛化；當無法證明可重複使用的抽象化合理時，保持一對一的專案規則。
檢查所有素材已載入、有序標籤存在、預覽開啟/關閉功能正常，以及閱讀器寬度在桌面與行動裝置上無水平溢位。程式碼變更後，執行型別檢查、程式碼品質檢查與生產建置測試。
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.
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".