web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

18|2|Updated May 14, 2026
One-click install
npx skills add https://github.com/daloyjs/daloy --skill web-design-guidelines-daloyjs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/daloyjs/daloy/tree/main/website/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/daloyjs/daloy --skill web-design-guidelines-daloyjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams ensure UI code complies with Web Interface Guidelines, reducing accessibility and usability issues early in the design process.

Core Features & Use Cases

  • Fetch the latest guidelines from the source and apply them to your UI code review.
  • Read specified UI files (or patterns) and evaluate them against the guidelines.
  • Output concise findings suitable for remediation planning and design improvements.

Quick Start

Provide the UI files you want reviewed, and the skill will fetch the latest guidelines, analyze the files, and report findings.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit frontend code for accessibility and UX gaps?

To audit frontend code for accessibility and UX gaps, provide your UI files for review. The skill fetches the latest Web Interface Guidelines, evaluates the target files, and outputs concise findings in a file:line format for remediation.

What is a UI code review against Web Interface Guidelines?

A UI code review against Web Interface Guidelines evaluates user-facing interfaces and interactions to identify accessibility and usability issues early. It applies to frontend codebases, design systems, and component libraries across projects to ensure compliance.

Can I use this to review design systems and component libraries?

Yes, you can review design systems and component libraries. The skill evaluates user-facing interfaces and interactions across frontend codebases, applying the fetched guidelines to identify accessibility and UX gaps in your specified files.

How do I check if my UI code complies with web accessibility standards?

You can check UI code compliance by providing target UI files for evaluation. The skill reads the latest accessibility and UX guidelines from its source URL, applies them to your code, and reports specific gaps for design improvements.

Does the UI audit automatically fetch the latest web design guidelines?

Yes, the UI audit automatically fetches the latest web design guidelines. It reads the current guidelines from the source URL before retrieving and evaluating your target UI files to identify accessibility and usability issues.

What format are UI accessibility audit findings reported in?

UI accessibility audit findings are reported in a concise file:line format. This structure directly maps identified accessibility and UX gaps to specific locations in your frontend code, making remediation planning and design improvements straightforward.