网页

videodb 可協助你從本機檔案、URL、RTSP/RTMP 串流，或桌面擷取匯入影片與音訊；以時間戳搜尋片段並取得可播放的證據；還能透過剪輯、疊加、轉錄、警示與時間軸編輯來執行動作。這是一份給 VideoDB for Video Editing 與直播分析使用的實用 videodb 指南。

ui-demo 可幫你用 Playwright、可見游標移動與自然節奏，錄製更精緻的網頁應用程式示範影片。適合用於操作導覽、上手教學、功能巡覽與教學式錄製。請依照「探索 → 演練 → 錄製」的工作流程操作，特別適合原型與快速變動的 UI，以獲得更穩定可靠的結果。

seo 技能可協助稽核、規劃並落實技術型 SEO、頁面內優化、結構化資料、Core Web Vitals 與關鍵字對應。適用於可爬取性、可索引性、metadata、schema、內部連結、sitemap 與 robots 變更，或是針對 Keyword Research 的 SEO，並提供可直接套用到單一頁面的具體建議。

search-first 是一種先研究、後寫程式的工作流程：在開始撰寫自訂程式碼前，先找出既有工具、函式庫與模式。使用 search-first 技能可評估可用選項、比較取捨，並在更少猜測的情況下決定是採用、擴充，還是自行開發。

perl-security 可協助你檢視 Perl 程式碼中的較安全輸入處理、taint mode、shell 執行、DBI 佔位符，以及 XSS、SQLi、CSRF 等網頁安全問題。當使用者可控資料會流向敏感 sink 時，可在安全稽核、修補規劃與安全開發中使用這個 perl-security 技能。

nextjs-turbopack 技能可協助你在 Next.js 16+ 中使用 Turbopack，以提升本機開發速度、HMR 與打包器決策效率。它可作為實用的 nextjs-turbopack 指南，涵蓋安裝、使用，以及在 Frontend Development 工作流程中何時切回 webpack。

使用 frontend-design 來打造具有鮮明風格、可直接上線的前端介面，並維持清楚的視覺主張。這個 frontend-design 技能特別適合 landing pages、dashboards、app shells 與各類元件；在這些場景中，層級、字體、動效與完成度的重要性，和實作本身同樣高。內容也提供以設計優先的 UI 工作流程安裝與使用指引。

exa-search 是一個 Exa MCP 技能，適合做即時、以網路資料為基礎的研究、程式碼範例查找、公司情報、人物查詢與快速來源探索。當你重視最新性與證據，或需要一份實用的 exa-search 指南來處理即時搜尋、工具式回答與網頁研究流程時，就很適合使用。

deep-research 技能可將寬泛問題轉化為有來源依據的網頁研究，並搭配 firecrawl 與 exa MCP 工具使用。適合用來比較資料來源、綜整發現，並產出帶引用的報告，應用在競品分析、技術評估、盡職調查，以及其他需要證據支持的決策。

canary-watch 是一套部署後監控技能，可在版本釋出、合併或依賴更新後，檢查正式環境或預備環境中的 live URL 是否出現回歸問題。

accessibility skill 可協助你依據 WCAG 2.2 Level AA，為 Web、iOS 與 Android 設計、實作並稽核無障礙 UI。可用來梳理元件角色、標籤、狀態、焦點行為與 accessibility traits，並支援 UX Audit 與實作審查中的實務應用。