web-design-guidelines

Web Design Guidelines 技能是一款专为在 DeerFlow 生态系统中工作的前端开发人员与 UI/UX 设计师所设计的专业审核工具。它能自动审查 UI 源代码是否符合行业标准的 Web 界面规范。通过动态抓取知名存储库中的最新规则集，该代理程序确保您的项目始终符合现代设计模式、无障碍要求与可用性标准。此技能对于旨在维护大型 Web 应用程序一致性的团队，或进行例行性技术债审计以改善网站可靠性与用户体验的开发者来说特别有用。它实际上是一个自动化的设计检查引擎，能解析您的代码库、标记与建议的 UI 范式不符之处，并提供可操作、具体的代码行号反馈，从而简化修复流程。

• 通过 WebFetch 直接从原始存储库抓取最新规则，实现实时规则同步。

• 具备针对性的代码分析能力，可扫描用户指定的特定文件、目录或路径模式。

• 自动化合规报告，以结构化的 file:line 格式输出结果，便于整合至现有的开发工作流程。

• 无障碍 (a11y) 验证，确保界面元素符合通用设计与包容性标准。

• 设计一致性检查，识别布局、组件结构与交互设计中偏离最佳实践的部分。

• 当被要求“审核 UI”、“检查无障碍”、“审计设计”或对照最佳实践检查网站时，请使用此技能。

• 若在初始提示中未指定文件，代理程序将主动向用户询问目标路径或文件模式。

• 此工具在执行时需要网络连接以获取远程指导方针配置，以确保执行最新的检查规则。

• 审核结果特意以简洁的开发者导向格式呈现，旨在减少噪音并促进快速修复。

• 此技能最适于在需要严格遵守设计系统或样式指南以确保产品质量的环境中使用。