skills.rest
lucasreydman
lucasreydmanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and report findings in file:line format.

Updated Mar 23, 2026
Search Tags:#design#ui#accessibility#review#guidelines#ux#web
One-click install
npx skills add https://github.com/lucasreydman/lloyd --skill web-design-guidelines-lucasreydman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lucasreydman/lloyd/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/lucasreydman/lloyd --skill web-design-guidelines-lucasreydman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams identify accessibility, usability, and consistency gaps early in development.

Core Features & Use Cases

  • Fetch the latest guidelines from the remote source.
  • Read and analyze specified UI files or patterns.
  • Output findings in a concise file:line format to guide remediation.
  • Use Case: When auditing a website or app, run this skill to surface accessibility and design consistency issues.

Quick Start

Provide the UI files or pattern to review, and the tool will fetch guidelines, apply the rules, and return 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 UI code for accessibility and usability compliance?▼

To audit UI code for accessibility and usability, provide your UI files or patterns to review. The tool fetches remote web interface guidelines, analyzes the code, and reports findings in a concise file:line format.

What is the best way to check web app UI against design guidelines?▼

The best way to check web app UI against design guidelines is to run an automated evaluation that fetches the latest remote rules, applies them to your specified files, and outputs consistency gaps in a file:line format.

Can I review specific UI patterns instead of an entire web app?▼

Yes, you can review specific UI patterns instead of an entire web app by providing the targeted files or patterns to the tool, which will then analyze only those areas against the fetched guidelines.

Does the UI review output identify exact file locations for accessibility issues?▼

Yes, the UI review output identifies exact file locations for accessibility issues by reporting findings in a concise file:line format, directly guiding developers to the exact code needing remediation.

Do I need to manually update web interface guidelines for the audit?▼

No, you do not need to manually update web interface guidelines for the audit. The tool automatically fetches the latest guidelines from the remote source before analyzing your specified UI files.

Related Skills

Explore More Design & Creative Skills→
gensart-projsgensart-projs

web-design-guidelines

Evaluate UI files against Web Interface Guidelines for accessibility, contrast, typography, and layout.

Community
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
r3dlexr3dlex
2

visual-verdict

Compare UI screenshots against reference images to detect layout, style, and content discrepancies.

Community
Intermediate
code-rabicode-rabi

web-design-guidelines

Evaluate web interface code for industry standards and accessibility compliance.

Official
Intermediate