2024-2025 年現代網頁設計趨勢、原則與實施模式。在設計網站、建立互動式體驗、實施設計系統、確保可訪問性或建立效能優先的介面時，請使用此技能。觸發涉及現代設計趨勢、微互動、滾動講述、大膽極簡主義、遊標用戶體驗、玻璃形態、可訪問性合規性、性能優化或設計系統架構的任務。參考動畫技能（GSAP、Framer Motion、React Spring）、3D 技能（Three.js、R3F、Babylon.js）和元件庫以提供實作指導。
透過命令列快速安裝 modern-web-design AI 技能到你的開發環境
來源：freshtechbro/claudedesignskills。
Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.
This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.
Philosophy: Design decisions should prioritize Core Web Vitals and user experience on all devices.
2024-2025 年現代網頁設計趨勢、原則與實施模式。在設計網站、建立互動式體驗、實施設計系統、確保可訪問性或建立效能優先的介面時，請使用此技能。觸發涉及現代設計趨勢、微互動、滾動講述、大膽極簡主義、遊標用戶體驗、玻璃形態、可訪問性合規性、性能優化或設計系統架構的任務。參考動畫技能（GSAP、Framer Motion、React Spring）、3D 技能（Three.js、R3F、Babylon.js）和元件庫以提供實作指導。 來源：freshtechbro/claudedesignskills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design2024-2025 年現代網頁設計趨勢、原則與實施模式。在設計網站、建立互動式體驗、實施設計系統、確保可訪問性或建立效能優先的介面時，請使用此技能。觸發涉及現代設計趨勢、微互動、滾動講述、大膽極簡主義、遊標用戶體驗、玻璃形態、可訪問性合規性、性能優化或設計系統架構的任務。參考動畫技能（GSAP、Framer Motion、React Spring）、3D 技能（Three.js、R3F、Babylon.js）和元件庫以提供實作指導。 來源：freshtechbro/claudedesignskills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/freshtechbro/claudedesignskills