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.
- skills.sh installs
- 38.8K
- GitHub stars
- 2.7K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add googlechrome/modern-web-guidance --skill modern-web-guidance --agent claude-codeInstalls into .claude/skills of the current project.
Files
Modern Web Guidance
Search and retrieve standardized modern web best practices at the start of implementing or updating any web UI, CSS layout/animation, or client-side JS logic (dates/timezones, sanitization, performance, accessibility, UX fixes) before writing ad-hoc solutions or adding dependencies.
Primary Workflow
Step 1. Search Use Cases
Sponsors
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 languageDetails
- Repository
- github.com/googlechrome/modern-web-guidance
- Categories
- Frontend Development, Backend & APIs, DevOps & CI/CD, Git & Pull Requests, Debugging, Productivity & Planning, Python, Design & UI/UX, Databases
- First seen
- Jul 14, 2026
More from googlechrome/modern-web-guidance
All 2Recommended
More Frontend Development
expo-native-uiexpo/skillsFramework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual36.5Kskills.sh installs
sanity-best-practicessanity-io/agent-toolkitSanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, S33.7Kskills.sh installs
clerkclerk/skillsClerk authentication router. Use when user asks about Clerk CLI operations, adding authentication, setting up Clerk, custom sign-in flows, Swift or native iOS a30.9Kskills.sh installs
brandalfwarpdotdev/common-skillsGuides creation, revision, and review of Warp- or Oz-branded assets. Use when working on launch pages, docs, HTML/CSS components, UI mockups, prompts, social as28.3Kskills.sh installs
next-cache-components-adoptionvercel/next.jsTurn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components,25.8Kskills.sh installssanity-migrationsanity-io/agent-toolkitPlans, implements, and reviews migrations from other CMSes and content systems into Sanity. Use when migrating or replatforming to Sanity from AEM, Adobe Experi23.7Kskills.sh installs