Individual skill
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.
plugins/individual/modern-web-design/skills/modern-web-design/SKILL.md
Source commit 1da73febff0c3e1dfefc07f8a5ef8f7d1dfdb6cd
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 3, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,294
- Repository last updated
- Nov 20, 2025
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Derived category
- engineering Derived category
- legal Derived category
- design-interface Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 26,596 bytesSKILL.mdcore · 26,596 bytesSKILL.mdcore · 26,596 bytesassets/README.mddoc · 7,811 bytesreferences/accessibility_guide.mddoc · 19,842 bytesreferences/design_trends_2024.mddoc · 20,338 bytesreferences/interaction_patterns.mddoc · 21,720 bytesreferences/performance_checklist.mddoc · 18,722 bytesscripts/design_audit.pyruns · 15,021 bytesscripts/pattern_generator.pyruns · 24,524 bytes
Read excerpt
# Modern Web Design
## Overview
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.
