Find modern web patterns for a specific task

GoogleChrome/modern-web-guidance

Find modern web platform patterns and browser-compatibility guidance for HTML, CSS and client-side JavaScript tasks.

Latest update at:

View on GitHub
npx skills add GoogleChrome/modern-web-guidance --skill modern-web-guidance
2,600Stars102ForksRepository last pushed

About this Skill

Modern Web Guidance is a preview Agent Skill supported by the Google Chrome team, Microsoft Edge team and the web community. It uses a command-line catalog to search for a specific interface or browser-platform problem, retrieve matching guides, and check applicable patterns and fallbacks. Topics include layout, forms, accessibility, performance and browser APIs.

Why we picked it

This preview Skill searches a bundled guide catalog through its CLI. Check feature support and appropriate fallbacks against the browsers your project actually targets.

What it helps with

  • Find a native browser approach for an interface behavior or CSS layout.
  • Review relevant compatibility and fallback guidance before changing client-side code.

Search and apply guidance

  1. Describe the capability

    Search with a short phrase describing one interface behavior or platform capability.

  2. Retrieve a matching guide

    Choose relevant results by description and retrieve their practical patterns, caveats and fallbacks.

  3. Apply and check

    Apply only guidance relevant to the task, then check the implementation against supported browsers and project constraints.

Modern Web Guidance instructions

Before you use it

  • A coding Agent with command execution and Node.js/npm access. The Skill invokes the modern-web-guidance CLI through npx; obtaining or updating the package can require network access.
  • The upstream marks this as a preview. Browser support varies by feature; inspect compatibility for your own target browsers.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.