skills.rest
jyasuu
jyasuuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI code for Web Interface Guidelines violations and emit file:line findings.

Updated Jul 2, 2024
Search Tags:#ui#accessibility#frontend#quality#review#guidelines#web-design
One-click install
npx skills add https://github.com/jyasuu/cheat-sheet --skill web-design-guidelines-jyasuu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/jyasuu/cheat-sheet/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/jyasuu/cheat-sheet --skill web-design-guidelines-jyasuu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams catch accessibility and usability gaps early.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL before each review
  • Read the specified files or patterns and apply all rules
  • Output findings in the terse file:line format suitable for quick triage
  • Use Case: QA a frontend codebase to verify accessibility compliance and visual consistency

Quick Start

Provide the target UI files or patterns to review and run the skill to start the analysis

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 web interface guidelines compliance?▼

To audit UI code for web interface guidelines compliance, provide your target frontend files or patterns to the skill. It fetches fresh guidelines from a source URL, reads your HTML, CSS, and JavaScript assets, and outputs violations in a file:line format for triage.

Can I check frontend accessibility gaps during a code review?▼

Yes, you can check frontend accessibility gaps during a code review by running the skill against your specified files. It applies all rules from the fetched web interface guidelines to identify compliance violations and usability issues early.

What is the best way to automate visual consistency checks for HTML and CSS?▼

Automating visual consistency checks for HTML and CSS involves applying standardized web interface rules to your codebase. This skill fetches current guidelines, reads your target assets, and emits findings in a terse file:line format suitable for quick triage.

Does this UI compliance review work with JavaScript assets?▼

Yes, this UI compliance review works with JavaScript assets alongside HTML and CSS files. It reads the specified target files or patterns and applies all fetched guidelines to identify any accessibility or usability violations across your frontend codebase.

How do I get a quick triage report for UI guideline violations?▼

To get a quick triage report for UI guideline violations, the skill outputs findings in a terse file:line format. This allows you to rapidly locate and address accessibility and visual consistency issues across your frontend project.

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

No, you do not need to manually update web interface guidelines for each accessibility audit. The skill automatically fetches fresh guidelines from the specified source URL before each review to ensure your UI code is always checked against the latest standards.

Related Skills

Explore More Design & Creative Skills→
xvawlxvawl
1

web-design-guidelines

Audit HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

Audit HTML, CSS, and JavaScript files against Web Interface Guidelines.

Official
Intermediate
murphyjosephmurphyjoseph

web-design-guidelines

Audit UI code against official web interface guidelines and accessibility standards.

Community
Intermediate
yono92yono92

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for compliance.

Community
Intermediate