
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.3K
Install
/plugin install modern-web-design@claude-design-skillstackRun it inside Claude Code after adding the marketplace with /plugin marketplace add freshtechbro/claudedesignskills.
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
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