skills.rest
lgsalinasp7
lgsalinasp7COMMUNITY
Explore all skills by this author →
Website𝕏@lgsalinaspGitHub

web-design-guidelines

Compare project UI against Web Interface Guidelines and report accessibility and UX conformance issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web designers and developers often struggle to ensure UI components comply with the latest Web Interface Guidelines, leading to inconsistent accessibility and usability across projects.

Core Features & Use Cases

  • Guideline-driven reviews: Assess UI elements against current guidelines to surface accessibility and UX issues.
  • Conformance reporting: Generate concise findings that help teams prioritize fixes.
  • Use Case: Evaluate a new landing page for color contrast, keyboard navigation, and responsive behavior.

Quick Start

Fetch the latest guidelines and apply them to your UI files to generate a compliance report.

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 components for accessibility and UX conformance?▼

Identify UI accessibility and UX conformance issues by comparing project files against the latest Web Interface Guidelines. This process generates a concise report to help teams prioritize fixes.

Can I evaluate a web page for color contrast and keyboard navigation issues?▼

You can assess UI elements like landing pages for color contrast and keyboard navigation by applying current Web Interface Guidelines to surface accessibility and UX issues during design reviews.

What is the best way to generate a UI compliance report for a design handoff?▼

Generate a UI compliance report for design handoffs by analyzing specified UI files against fetched Web Interface Guidelines, exporting conformance findings in a concise report format.

Do I need to provide local guideline files to review web accessibility?▼

No local guideline files are required; the process fetches the latest Web Interface Guidelines from a remote source to analyze your specified UI files and patterns for conformance.

Does this web design audit work with both individual components and full design systems?▼

This audit applies to reviewing individual web pages, UI components, and full design systems during audits, comparing project UI patterns against Web Interface Guidelines to report conformance issues.

Related Skills

Explore More Design & Creative Skills→
hongmaple0820hongmaple0820
9

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance.

Community
Intermediate
matteotittamatteotitta
29

design-incident-response

Triage design remediation tasks from audit findings into prioritized action plans.

Community
Advanced
pglemospglemos

aiox-ux-design-expert

Automates UX/UI design workflow from research to quality checks.

Community
Advanced
modu-aimodu-ai
267

ux-designer

Analyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.

Official
Advanced