Motion Patterns
affaan-m/ECC/skills/motion-patterns作者 affaan-mef648e01899ba3e8dc6371642deaaf64b4477775無授權條款275K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫4 天前更新
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.
- ef648e01899ba3e8dc6371642deaaf64b4477775目前提交 ef648e0發布於 2026年10月9日
更多來自 affaan-m/ECC 的技能
Unified Notifications Ops
affaan-m
設計統一的通知策略，對來自 GitHub、Linear、鉤子與聊天工具的通知進行分類、路由、去重與升級。
Verification Loop
affaan-m
執行六階段程式碼驗證流程，並產出 PASS/FAIL 就緒報告。
Ui To Vue
affaan-m
將批次 UI 設計截圖轉換為使用 Vant、Element Plus 或 Ant Design Vue 的 Vue 3 元件。
Unified Memory
affaan-m
指導代理透過本機 ECC Memory Vault 在不同執行框架之間共享持久脈絡與交接資訊。
Visa Doc Translate
affaan-m
透過 OCR 將簽證文件影像翻譯成英文，並產出原圖與譯文對照的雙語 PDF。
Team Builder
affaan-m
互動式挑選器：探索可用的代理角色，讓使用者最多選五個，平行執行同一任務並彙整結果。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。