Agent Skills Hub

buildwithclaude

分析網站以獲取設計靈感，提取色彩、排版、佈局和 UI 模式，並建立結構化的設計分析報告。

baoyu-xhs-images

[已棄用] 生成小紅書圖片系列，將內容轉化為 1-10 張卡通風格圖卡。提供 12 種視覺風格、8 種排版及配色選擇，專為小紅書推廣與社群互動設計。

frontend-design-pro

打造價值 $50,000 美元級別的專業前端介面，提供生產級程式碼、精選排版與高品質影像素材整合。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

claude-code-web-cli

使用 Clerk 的無頭 UI 原件（Headless UI Primitives）為 Next.js 應用程式構建完全自定義的身份驗證介面。

ui-ux-reviewer

根據四大權威標準（NNg 10 啟發式評估、UX 法則、Apple HIG、WCAG）分析 UI/UX 品質，為移動端及網頁組件提供基於證據的設計與無障礙優化建議。

presentation-reviewer

基於頂尖諮詢標準（McKinsey, BCG）的 PowerPoint 簡報審閱工具，支援邏輯架構、敘事、清晰度、設計與 DSFR 合規性分析。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼，包含輔助功能、響應式佈局及完善的狀態處理。

make-slide

生成專業的單檔案 HTML 簡報，內建演講者備忘錄。支援多種主題、版面配置及 PPTX 匯出，適用於演講、投影片及提案。

creating-mermaid-diagrams

生成相容於 GitHub 的 Mermaid 圖表，包含經測試的配色方案、本地 SVG/PNG 預覽以及基於 Gist 的渲染預覽。

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

pellicule

Pellicule 是一個 Vue 原生的程式化影片生成庫，讓您能夠直接從 Vue 組件渲染出確定性的影片、動畫與動態圖形。