skills.rest
rodrigobranas
rodrigobranasCOMMUNITY
Explore all skills by this author →
Website𝕏@rodrigobranasGitHub

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

1|1|Updated Apr 18, 2026
Search Tags:#ui#accessibility#review#code-review#web-design#design-guidelines#rule-check
One-click install
npx skills add https://github.com/rodrigobranas/formacao_ia_arq_t1_4 --skill web-design-guidelines-rodrigobranas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rodrigobranas/formacao_ia_arq_t1_4/tree/main/mastra-rag/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/rodrigobranas/formacao_ia_arq_t1_4 --skill web-design-guidelines-rodrigobranas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Compare UI files against the latest Web Interface Guidelines and report non-conformances
  • Highlight accessibility issues and design consistency problems to speed up fixes
  • Use Case: perform a quick UI audit of a webpage or component library to ensure conformance before release

Quick Start

Provide a guided review of the specified UI files against the latest guidelines to surface conformance issues.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I review UI code for accessibility and design guideline compliance?▼

You can review UI code for accessibility and design compliance by analyzing individual files or entire repositories against Web Interface Guidelines, returning specific non-conformance findings in a concise file:line format.

Can I audit an entire UI repository for consistency and usability issues?▼

Yes, you can audit an entire UI repository for consistency and usability issues, as the review process applies to both individual UI files and full codebases to identify design gaps early in development.

What is the best way to check responsive design rules in my web components?▼

The best way to check responsive design rules is to run a UI code audit that fetches fresh design guidelines from a specified source URL and applies all responsive and consistency rules directly to your web component files.

Do I need to manually update web design guidelines before running a code review?▼

No, you do not need to manually update web design guidelines because the review process automatically fetches the latest guidelines from the source URL provided in the configuration before applying the rule checks to your target UI files.

How are accessibility issues reported when checking UI code against design rules?▼

Accessibility issues are reported in a concise file:line format, pinpointing exact locations within your UI code where non-conformances occur to help speed up the necessary fixes before release.

Does the UI code review work for pre-release component library audits?▼

Yes, the UI code review works for pre-release component library audits, allowing teams to perform quick UI audits and surface conformance issues across accessibility, responsive design, and consistency before a release.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
Bharathadi01Bharathadi01

web-design-guidelines

Assess UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
alexwoxalexwox

web-design-guidelines

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

Community
Intermediate