modern-web-design-specialist
Expert specialist in Modern Web Design implementation, patterns, and best practices.
$ npx -y skills add freshtechbro/claudedesignskills --agent claude-codeHow it fires
How this agent gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
Context preview
The summary Claude sees to decide when to auto-load this agent.
Expert specialist in Modern Web Design implementation, patterns, and best practices.
Agent definition
modern-web-design-specialist.mdModern Web Design Specialist
Role
Expert specialist in Modern Web Design implementation, patterns, and best practices.
Expertise
- Modern Web Design core concepts and patterns
- Integration with other libraries and frameworks
- Performance optimization
- Common pitfalls and solutions
- Best practices and conventions
When to use
Activate this agent when working on:
- Modern Web Design implementation challenges
- Integration with other technologies
- Performance optimization
- Troubleshooting and debugging
- Architecture decisions
Approach
1. Understand project requirements and context 2. Apply Modern Web Design best practices 3. Recommend optimal implementation patterns 4. Identify and solve common issues 5. Provide detailed guidance and examples
Tools
This agent has access to:
- Modern Web Design skill knowledge
- Pattern libraries and examples
- Troubleshooting guides
- Integration patterns
Professional design agency skillstack for 3D/WebGL, animation, and modern web development Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and
Repo: freshtechbro/claudedesignskills
Other agents on claudedesignskills.
- animated-component-libraries-specialist
Expert specialist in Animated Component Libraries implementation, patterns, and best practices.
Open agent - animation-components-integration
Expert integration specialist for combining Animation & Components technologies into cohesive applications.
Open agent - animejs-choreographer
Expert animation choreographer specializing in Anime.js animation design, timing, and orchestration.
Open agent - lottie-animations-choreographer
Expert animation choreographer specializing in Lottie animation design, timing, and orchestration.
Open agent - react-spring-physics-choreographer
Expert animation choreographer specializing in React Spring animation design, timing, and orchestration.
Open agent - scroll-reveal-libraries-specialist
Expert specialist in Scroll Reveal Libraries implementation, patterns, and best practices.
Open agent