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.
Core Design Principles (2024-2025)
1. Performance-First Design
Philosophy
Design decisions should prioritize Core Web Vitals and user experience on all devices.
Key Metrics
:
Largest Contentful Paint (LCP): < 2.5s
First Input Delay (FID): < 100ms
Cumulative Layout Shift (CLS): < 0.1
Interaction to Next Paint (INP): < 200ms
Implementation Guidelines
:
Defer non-critical animations until after page load
Use CSS transforms/opacity for animations (GPU-accelerated)
Implement lazy loading for images, videos, and 3D content
Progressive enhancement: core content without JavaScript