Find modern web patterns for a specific task

このスキルについて

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.

おすすめする理由

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

役立つこと

• 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

使う前に

• 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.