domains / families / design / modern-web-design

modern-web-design

authentic

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.

When to use

• designing websites
• creating interactive experiences
• implementing design systems
• ensuring accessibility
• building performance-first interfaces
• modern design trends
• micro-interactions
• scrollytelling

Skill page

Source