2024~2025년 최신 웹 디자인 트렌드, 원칙 및 구현 패턴. 웹 사이트를 디자인하고, 대화형 경험을 만들고, 디자인 시스템을 구현하고, 접근성을 보장하거나 성능 우선 인터페이스를 구축할 때 이 기술을 사용하세요. 현대적인 디자인 트렌드, 마이크로 인터랙션, 스크롤리텔링, 대담한 미니멀리즘, 커서 UX, 유리 형태, 접근성 규정 준수, 성능 최적화 또는 디자인 시스템 아키텍처와 관련된 작업을 트리거합니다. 구현 지침을 위해 애니메이션 기술(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년 최신 웹 디자인 트렌드, 원칙 및 구현 패턴. 웹 사이트를 디자인하고, 대화형 경험을 만들고, 디자인 시스템을 구현하고, 접근성을 보장하거나 성능 우선 인터페이스를 구축할 때 이 기술을 사용하세요. 현대적인 디자인 트렌드, 마이크로 인터랙션, 스크롤리텔링, 대담한 미니멀리즘, 커서 UX, 유리 형태, 접근성 규정 준수, 성능 최적화 또는 디자인 시스템 아키텍처와 관련된 작업을 트리거합니다. 구현 지침을 위해 애니메이션 기술(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년 최신 웹 디자인 트렌드, 원칙 및 구현 패턴. 웹 사이트를 디자인하고, 대화형 경험을 만들고, 디자인 시스템을 구현하고, 접근성을 보장하거나 성능 우선 인터페이스를 구축할 때 이 기술을 사용하세요. 현대적인 디자인 트렌드, 마이크로 인터랙션, 스크롤리텔링, 대담한 미니멀리즘, 커서 UX, 유리 형태, 접근성 규정 준수, 성능 최적화 또는 디자인 시스템 아키텍처와 관련된 작업을 트리거합니다. 구현 지침을 위해 애니메이션 기술(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