Framer Motion Layout
C-Jeril/framer-motion-skills/skills/framer-motion-layout作者 C-Jeril837d7268fc4a3cf5b1f8904616ec97c7485e3edaMIT8 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫6 個月前更新
Official Framer Motion skill for layout animations — shared layout transitions, layoutId, exit animations, AnimatePresence. Use when building shared element transitions, layout animations, reorderable lists, or when asking about Framer Motion layout, layoutId, or shared transitions.
- 837d7268fc4a3cf5b1f8904616ec97c7485e3eda目前提交 837d726發布於 2026年10月9日
來源與署名
來源：C-Jeril/framer-motion-skills位於skills/framer-motion-layout提交837d726
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 C-Jeril/framer-motion-skills 的技能
Framer Motion Variants
C-Jeril
Framer Motion 動畫變體參考指南，涵蓋狀態機、編排、錯開、重複與關鍵影格。
Framer Motion Scroll
C-Jeril
使用 Framer Motion 的 useScroll、useTransform 與 useInView 鉤子打造捲動連動動畫的參考指南。
Framer Motion Gestures
C-Jeril
Framer Motion 手勢動畫參考指南，涵蓋拖曳、平移、點擊、懸停與聚焦互動。
Framer Motion React
C-Jeril
指導 React 中的 Framer Motion 動畫模式，涵蓋 AnimatePresence、版面動畫、useAnimation 與 SSR 處理。
更多Software Development技能
Playground
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。