skills.rest
Anuar7777
Anuar7777COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI files violating Web Interface Guidelines and report fixes in file:line format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Use the web-design-guidelines skill to review UI files according to the latest guidelines.

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 UI code for web design guideline violations?▼

To audit frontend UI code for web design guideline violations, specify your UI files or component paths. The skill fetches the latest web interface guidelines, checks all rules against your codebase, and outputs actionable findings in a concise file:line format.

Can I check accessibility and UX alignment in frontend components automatically?▼

Yes, you can check accessibility and UX alignment in frontend components automatically. The skill applies all rules from the fetched web interface guidelines to your pages and components to identify violations and report actionable fixes.

What is the best way to review a codebase for web interface guideline compliance?▼

The best way to review a codebase for web interface guideline compliance is to run an automated audit. This skill fetches fresh guidelines from its source URL, reads your specified files or prompts for a file pattern, and outputs results in a terse file:line format.

Does this UI guideline audit work with any frontend codebase?▼

Yes, the UI guideline audit works with any frontend codebase. It applies to pages and components across projects to enable accessibility checks, UX alignment, and general web interface guideline compliance reviews.

How do I get actionable fixes for UI files that violate web design guidelines?▼

To get actionable fixes for UI files that violate web design guidelines, run the skill to audit your code. It checks against all fetched rules and outputs findings in a terse file:line format, pinpointing exactly where violations occur.

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

No, you do not need to provide the web interface guidelines manually. The skill automatically fetches the latest guidelines from its configured source URL before applying all rules to your specified UI files and generating the audit report.

Related Skills

Explore More Design & Creative Skills→
ladinglogichqladinglogichq

web-design-guidelines

Audit web UI assets for compliance with Web Interface Guidelines.

Official
Intermediate
PaldomPaldom
11

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings.

Community
Intermediate
johnlindquistjohnlindquist
24

chrome

Automate browser interactions for web testing and data extraction with Puppeteer or Playwright.

Community
Advanced
inpinitiinpiniti

web-design-guidelines

Audit UI code against Web Interface Guidelines and accessibility standards.

Community
Intermediate