web-design-guidelines

The Web Design Guidelines skill is a specialized auditing tool for developers and UI/UX engineers integrated within the DeerFlow environment. It serves as an automated quality assurance agent that ensures web interfaces adhere to established design standards by analyzing source code against real-time, cloud-fetched guidelines. By leveraging the WebFetch capability, the agent maintains up-to-date knowledge of best practices, making it an essential utility for maintaining high-quality, accessible, and user-centric interfaces throughout the software development lifecycle.

• Automated UI code auditing against the latest industry-standard Web Interface Guidelines.

• Real-time fetching of rule-sets from remote sources to ensure compliance with the most recent accessibility and design mandates.

• Support for targeted analysis of specific files, directories, or patterns within the project repository.

• Terse, actionable output format (file:line) allowing developers to quickly identify and rectify violations in their code.

• Integration with the broader DeerFlow ecosystem to orchestrate design reviews alongside other coding or documentation tasks.

• Provide the agent with specific file paths or glob patterns to initiate a targeted audit.

• If no files are specified, the agent will prompt the user to designate the target code for review.

• The tool is best triggered by natural language requests such as 'review my UI', 'check accessibility', 'audit design', 'review UX', or 'check my site against best practices'.

• Outputs are designed for direct developer consumption, highlighting the exact location and nature of the design or accessibility conflict.

• Ensure a stable network connection to allow the agent to successfully retrieve the latest compliance specifications from the provided remote source URL before starting the review process.