modern-web-guidance
Agent skill from googlechrome/modern-web-guidance.
What it does
- At the start of implementing any web feature.
- Before creating a new component, to check if a standardized pattern already exists.
- To avoid implementing ad-hoc solutions or loading large dependencies unnecessarily.
- IMPORTANT: on Windows, using npx may fail. Use npx.cmd ... instead.
- Network access is required for fetching npm packages needed by the task.
- If the npx -y modern-web-guidance… command hangs, you may be offline. Try running again in offline
- The --skill-version flag is used to determine if this SKILL.md is out of date. If it is, a warning
Requirements & configuration
- No defined policy format. This is an example: Browser Support: Allow Newly Available features, but only adopt custom fallback code that adds <= 20 lines and does not require external dependencies.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Source
Repository: https://github.com/googlechrome/modern-web-guidance
modern-web-guidance FAQ
What does the modern-web-guidance skill do?
| Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. At the start of implementing any web feature. Before creating a new component, to check if a standardized pattern already exists.
What does modern-web-guidance require?
No defined policy format. This is an example: Browser Support: Allow Newly Available features, but only adopt custom fallback code that adds <= 20 lines and does not require external dependencies.
How do I install modern-web-guidance?
Run: npx -y skills add https://github.com/googlechrome/modern-web-guidance --skill modern-web-guidance --agent claude-code — the source lives at github.com/googlechrome/modern-web-guidance.
Maintain modern-web-guidance?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/googlechrome-modern-web-guidance-modern-web-guidance?ref=badge) npx agentictools info skills/googlechrome-modern-web-guidance-modern-web-guidance The second line is the CLI lookup for this page — handy in READMEs and docs.
