Modern Web Guidance

Pulls up current best practices for modern web APIs so Claude doesn't suggest outdated patterns from its training data. You run a search query before building any frontend feature (modals, scroll animations, image optimization, whatever), it returns relevant guide IDs, then you retrieve the full implementation guide. Covers things like View Transitions, container queries, content-visibility, and other newer APIs that are easy to get wrong or forget exist. Includes browser support data and fallback logic tied to Baseline availability. Honestly most useful as a safety check before you reach for a heavy library or reinvent something the platform already does. Skips backend, CI/CD, and tooling stuff.

Install to Claude Code

npx -y skills add googlechrome/modern-web-guidance --skill modern-web-guidance --agent claude-code