What problem does it solve? Web APIs evolve faster than training data, so AI-generated HTML, CSS, and client-side JavaScript often relies on obsolete patterns. This Skill provides a searchable catalog of current best-practice guides so implementations use modern, Baseline-aware web platform features with correct fallbacks. ## Core Features & Use Cases - Semantic Search: Query an action-oriented phrase (e.g., "optimize LCP image loading") via npx modern-web-guidance search to find relevant guides ranked by similarity. - Guide Retrieval: Fetch full implementation guides by ID covering accessibility, forms, animations, scrollbars, anchor positioning, WebMCP agentic tools, and Core Web Vitals. - Browser Support & Fallbacks: Each guide includes Baseline status, browser version support, and fallback strategies that respect user-defined browser support policies. - Use Case: Before building a modal dialog, search for "modal dialog focus management" and retrieve the guide recommending the native <dialog> element with showModal() instead of a hand-rolled focus trap. ## Quick Start Ask the assistant to search modern-web-guidance for best practices on the web feature you are about to implement, then apply the retrieved guide to your code.
