| 名称 | web-design-guidelines |
| 描述 | 审查UI代码以确保符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审核设计”、“审查UX”或“检查我的网站是否符合最佳实践”时使用。 argument-hint: <file-or-pattern> # Web界面指南 审查文件以确保符合Web界面指南。 ## 工作原理 1. 从下面的来源URL获取最新指南 2. 读取指定文件（或提示用户提供文件/模式） 3. 对照获取的指南中的所有规则检查 4. 以简洁的 file:line 格式输出发现的问题 ## 指南来源 每次审查前获取最新指南： https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md 使用WebFetch获取最新规则。获取的内容包含所有规则和输出格式说明。 ## 使用方法 当用户提供文件或模式参数时： 1. 从上述URL获取指南 2. 读取指定文件 3. 应用获取的指南中的所有规则 4. 使用指南中指定的格式输出发现的问题 如果未指定文件，询问用户要审查哪些文件。如果可用，使用 mcp-feedback-enhanced（例如 ask_followup_question）。 |
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性，确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则，检查代码文件中的问题，并以简洁格式输出结果，适用于前端开发、用户体验优化和网站合规性审计。关键词：UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。