从列出的现代 Web 指南技能中进行选择，以匹配您在 Web 开发生命周期中的当前阶段，涵盖从初始样式设置到最终安全实现。
核心 Web 学科
编排器，可帮助您根据 Web 学科来磨练和专注于工作。
accessibility
/modern-web-guidance accessibility
作为您的中央审核指南，用于评估、修复和在整个应用中实现有效的无障碍模式。
performance
/modern-web-guidance performance
帮助您优化Core Web Vitals、缩短网页加载时间延迟，并提高对用户输入的响应速度。
user-experience
/modern-web-guidance user-experience
作为您的界面 (UI) 工具包，用于快速实现自适应自定义元素、平滑过渡和现代样式模式。
在 GitHub 上查看 user-experience 技能
Web 技术
这些核心技能为任何现代应用提供了基本构建块，确保您的项目从一开始就遵循现代最佳实践，并考虑到语义 HTML、速度和互操作性。
html
/modern-web-guidance html
面向行动的指南，涵盖现代 HTML 架构、语义、原生互动式 API（对话框、弹出式窗口、详细信息）、焦点管理和资源优先级。在构建 Web 文档、实现原生叠加层或优化资源加载顺序时，请使用本指南。
css
/modern-web-guidance css
面向行动的指南，涵盖现代 CSS 架构、布局和性能。在编写样式、管理设计系统或优化 Web 呈现时，请使用本指南。
css-layout
/modern-web-guidance css-layout
现代 CSS 布局，例如 flexbox、网格、子网格、容器查询、锚点定位和固有大小。在构建自适应界面组件或页面布局时，请使用此技能。
forms
/modern-web-guidance forms
构建无障碍、安全且用户友好的 Web 表单的最佳实践。在创建或修改表单、输入和提交流程时，请使用本指南。
cpp-on-the-web
/modern-web-guidance cpp-on-the-web
使用 WebAssembly 为现代 Web 编译 C 和 C++。当您需要移植 C++ 代码、使用 Emscripten 构建 C++ 库或在浏览器中设置高性能 C++ 组件时，请使用此技能。
在 GitHub 上查看 cpp-on-the-web 技能
浏览器功能（选择启用）
这些技能可帮助您开发符合 Manifest V3 等现代标准的 Chrome 扩展程序，并简化向 Chrome 应用商店 的发布流程，帮助您准备元数据、隐私权政策和权限理由。这些技能是选择启用的，默认处于停用状态。
chrome-extensions
/modern-web-guidance chrome-extensions
在 Manifest V3 下构建安全且合规的 Chrome 扩展程序，避免常见的 Service Worker 生命周期和沙盒陷阱。如需选择启用，您需要指定 chrome-extensions 技能：
npx skills add GoogleChrome/modern-web-guidance --skill chrome-extensions
在 GitHub 上查看 chrome-extensions 技能
安全性、信任和身份
这些技能通过防御性 HTTP 标头和来源隔离来保护应用免受 XSS 等客户端漏洞的攻击，从而专注于用户信任。开发者还可以使用通行密钥开发身份验证流程、最大限度地减少第三方跟踪，并使用技能将 C/C++ 库移植到 WebAssembly 模块。
security
/modern-web-guidance security
面向 Web 开发者的预防性安全指南（XSS、CSP、Cookie、跨来源隔离）。使用此技能安全地指导审核、测试和部署安全政策的过程。
passkeys
/modern-web-guidance passkeys
在 Web 应用中实现 WebAuthn 和通行密钥的全面指导和跨领域原则。在处理通行密钥注册、身份验证、管理或重新身份验证时，请使用本指南。
privacy
/modern-web-guidance privacy
面向行动的指南，供 Web 开发者实现从设计上保障用户隐私、数据最少化（原则）、第三方审核和安全数据处理。在设计应用、集成第三方服务、处理用户数据或配置安全标头时，请使用此技能。
智能体驱动的系统
这些技能可帮助您使用 WebMCP 弥合 Web 应用与 AI 工作流之间的差距。通过将客户端浏览器功能公开为互动式工具，您可以指示 AI 智能体直接与应用功能互动。
webmcp
/modern-web-guidance webmcp
实现 WebMCP，将客户端浏览器功能公开为 AI 智能体的互动式工具。
后续步骤
现在您已经了解了现代 Web 指南，不妨亲自试用一下！了解现代 Web 指南中支持的 功能和用例，并尝试一些示例提示以开始使用。