
modern-web-design
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.
- version
- 1.0.0
- GitHub stars
- 1.1K
Install
/plugin install modern-web-design@claude-design-skillstackRun it inside Claude Code after adding the marketplace with /plugin marketplace add freshtechbro/claudedesignskills.
Contents
Discovered from sourceSkills 1
Commands 2
Agents 1
Sponsors
Details
- Marketplace
- freshtechbro/claudedesignskills
- Source
- plugins/individual/modern-web-design
- Author
- Claude Design Skillstack
- Category
- design
- License
- Apache-2.0
More from freshtechbro/claudedesignskills
All 27- motion-framerv1.0.0
- pixijs-2dv1.0.0
- playcanvas-enginev1.0.0
- react-spring-physicsv1.0.0
- react-three-fiberv1.0.0
- rive-interactivev1.0.0
- scroll-reveal-librariesv1.0.0
- spline-interactivev1.0.0
- substance-3d-texturingv1.0.0
- threejs-webglv1.0.0
- web3d-integration-patternsv1.0.0
- aframe-webxrv1.0.0
- animated-component-librariesv1.0.0
- animation-componentsv1.0.0
- animejsv1.0.0
- authoring-motionv1.0.0
- babylonjs-enginev1.0.0
- barba-jsv1.0.0
- blender-web-pipelinev1.0.0
- core-3d-animationv1.0.0
- extended-3d-scrollv1.0.0
- gsap-scrolltriggerv1.0.0
- lightweight-3d-effectsv1.0.0
- locomotive-scrollv1.0.0