{"id":4759,"external_id":"plugins_6aa7f81337c481918a5ee55e13498c40","name":"modern-web-guidance","display_name":"Modern Web Guidance","developer":"Google Chrome","category":"Developer Tools","listing_language":"en","listing_language_details":{"method":"cld-0.13.0/listing-v1","reliable":true,"detected_at":"2026-10-01T13:22:05Z","input_sha256":"acb3e98050bc3c396c035782e0f404a5676891066dc12f0f1e97f01dba2b5a44","source_fields":["release.description","release.interface.short_description","release.interface.long_description"]},"version":"0.0.188","skill_count":2,"first_seen_at":"2026-09-30T22:02:35.000Z","last_seen_at":"2026-10-03T06:00:00.871Z","last_changed_at":"2026-09-30T22:02:35.000Z","install_count":null,"search_matches":[],"research_summary":null,"research_reviewed_at":null,"metadata":{"canonical_app_id":null,"connector_id":null,"created_at":"2026-09-14T20:08:11.818796Z","discoverability":"UNLISTED","id":"plugins_6aa7f81337c481918a5ee55e13498c40","is_template":false,"name":"modern-web-guidance","release":{"app_ids":[],"app_manifest":null,"app_templates":[],"description":"Keep your coding agent up to date with the latest web best practices","display_name":"Modern Web Guidance","id":"pluginrel_5d541d1aa7b88191986b3dd0396eb9c8","interface":{"brand_color":null,"capabilities":["Read"],"category":"Developer Tools","composer_icon_dark_url":null,"composer_icon_url":"https://files.openai.com/content?id=file_00000000df9c81f5821c799f1f9fd08e","default_prompt":"Audit this project for modern web best practices and modernization opportunities","default_prompts":["Audit this project for modern web best practices and modernization opportunities","What is the recommended modern way to implement responsive dialogs and popovers?"],"developer_name":"Google Chrome","logo_url":"https://files.openai.com/content?id=file_00000000f58081f699e90bf900c8dfb1","logo_url_dark":null,"long_description":"Modern Web Guidance is an agent skill and CLI tool designed to help AI coding agents build web applications using modern, secure, and high-performance APIs rather than outdated workarounds. Supported by the Google Chrome team, it injects expert-curated web platform best practices directly into an agent's context window to prevent the generation of bloated, legacy code.","plugin_category_id":"developer tools","privacy_policy_url":null,"screenshot_urls":[],"short_description":"Web platform expertise","terms_of_service_url":null,"website_url":"https://developer.chrome.com/docs/modern-web-guidance"},"keywords":["web","html","css","javascript","best-practices"],"onboarding_skill_name":null,"requires_local_executor":false,"skills":[{"description":"Build and publish Chrome Extensions using Manifest V3 best practices. Use this skill whenever the user asks to create, modify, debug, or understand Chrome browser extensions, add-ons, or anything involving the Chrome Extensions API. Trigger on mentions of: 'Chrome extension', 'browser extension', 'manifest.json', 'content script', 'service worker' (in browser context), 'popup' (in browser extension context), 'side panel', 'chrome.* API', 'declarativeNetRequest', 'omnibox', 'context menu' (in extension context), 'userScripts', 'user script', 'script manager', or any request to build functionality that integrates with the Chrome browser UI. Also trigger for publishing to the Chrome Web Store: 'publish extension', preparing an extension for publishing, responding to a review rejection, writing permission justifications, or drafting a privacy policy.","interface":{"brand_color":null,"default_prompt":null,"display_name":"chrome-extensions","icon_large_url":null,"icon_small_url":null,"iconography":"cursor","short_description":"Build and publish Chrome Extensions using Manifest V3 best practices. Use this skill whenever the user asks to create, modify, debug, or understand Chrome browser extensions, add-ons, or anything involving the Chrome Extensions API. Trigger on mentions of: 'Chrome extension', 'browser extension', 'manifest.json', 'content script', 'service worker' (in browser context), 'popup' (in browser extension context), 'side panel', 'chrome.* API', 'declarativeNetRequest', 'omnibox', 'context menu' (in extension context), 'userScripts', 'user script', 'script manager', or any request to build functionality that integrates with the Chrome browser UI. Also trigger for publishing to the Chrome Web Store: 'publish extension', preparing an extension for publishing, responding to a review rejection, writing permission justifications, or drafting a privacy policy."},"name":"chrome-extensions","plugin_release_skill_id":"pluginrsk_6aa8538e5b508191b09654c1adfc32a8"},{"description":"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. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.","interface":{"brand_color":null,"default_prompt":null,"display_name":"modern-web-guidance","icon_large_url":null,"icon_small_url":null,"iconography":"code","short_description":"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. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git."},"name":"modern-web-guidance","plugin_release_skill_id":"pluginrsk_6aa85393f3388191bb52657ef7a625f3"}],"version":"0.0.188"},"scope":"GLOBAL","status":"ENABLED"},"research":null,"package_metadata":{"name":"modern-web-guidance","author":{"url":"https://developer.chrome.com","name":"Google Chrome"},"license":"Apache-2.0","sources":[{"path":".codex-plugin/plugin.json","sha256":"16bc3e4a776d9413423a6ef407e6dd3c38f2078899f2229f8d7c6aca9c6f1692"},{"path":".claude-plugin/plugin.json","sha256":"07539aa56507518ff2e14d513b1db8f309e13c010da60eab9c2c4489e41887db"}],"version":"0.0.188","homepage":"https://developer.chrome.com/docs/modern-web-guidance","keywords":["web","html","css","javascript","best-practices"],"repository":"https://github.com/GoogleChrome/modern-web-guidance","artifact_id":17295,"observed_at":"2026-10-03T06:35:27Z","capabilities":["Read"],"field_sources":{"name":0,"author":0,"license":0,"version":0,"homepage":0,"keywords":0,"repository":0,"capabilities":0},"extraction_version":1,"conflicts_or_errors":[{"field":"author","other_source":1}]}}