What problem does it solve? Web platform APIs evolve rapidly, and AI training data often contains obsolete patterns for HTML, CSS, and client-side JavaScript. This Skill provides up-to-date, searchable best-practice guides so generated frontend code uses current standards with correct fallbacks instead of outdated techniques. ## Core Features & Use Cases - Semantic guide search: Query an action-oriented description (e.g., "optimize LCP image loading") and receive ranked guide matches with IDs, categories, and similarity scores. - Full guide retrieval: Fetch complete implementation guides by ID, covering UI behaviors, forms, accessibility, visual design, performance, and WebMCP agentic APIs, each with browser support data and fallback strategies. - Compliance verification: Cross-check generated code against retrieved guides, including Baseline browser support interpretation and custom browser-support policies. - Use Case: Before building an animated modal dialog, search for relevant guides, retrieve the top-layer animation guide, and implement it with @starting-style, transition-behavior: allow-discrete, and reduced-motion handling instead of a legacy JavaScript focus-trap approach. ## Quick Start Ask the assistant to search modern web guidance for the feature you are about to build, for example: search modern-web-guidance for how to animate a dialog opening and closing.
