skills.rest
Bangjjack
BangjjackOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

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

1|Updated Apr 6, 2026
Search Tags:#ui#accessibility#guidelines#code-analysis#ux#web-design#design-review
One-click install
npx skills add https://github.com/Bangjjack/Bangjjack-Frontend --skill web-design-guidelines-bangjjack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Bangjjack/Bangjjack-Frontend/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/Bangjjack/Bangjjack-Frontend --skill web-design-guidelines-bangjjack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code to ensure compliance with Web Interface Guidelines, reducing accessibility and UX gaps across projects.

Core Features & Use Cases

  • Fetch the latest guidelines from the designated source URL.
  • Read targeted files or user-specified patterns.
  • Check against all rules in the fetched guidelines and report findings in the file:line format.

Quick Start

Provide the UI files or patterns to review; the tool will fetch the latest guidelines, apply all rules, and output findings in file:line format.

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 UX best practices?▼

To audit UI code for accessibility and UX best practices, provide your UI files or patterns for review. The tool fetches the latest web interface guidelines, applies all rules, and outputs findings in a terse file:line format.

What is the file:line format for web design guideline violations?▼

The file:line format is a terse reporting style that outputs accessibility and UX findings by specifying the exact file and line number. It identifies precisely where UI code fails to comply with web interface guidelines.

Do I need to manually provide web design guidelines for the code analysis?▼

No, you do not need to manually provide web design guidelines for code analysis. The tool automatically fetches the latest guidelines from a designated source URL before reviewing your UI files.

Can I review specific file patterns instead of a whole project for UX compliance?▼

Yes, you can review specific file patterns instead of a whole project for UX compliance. The tool reads targeted files or user-specified patterns to check against all fetched web interface guidelines.

What's the best way to reduce accessibility gaps across multiple web projects?▼

The best way to reduce accessibility gaps across multiple web projects is to run automated code analysis against fetched web interface guidelines. This ensures consistent UX compliance by reporting violations in a file:line format.

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
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
eykissvrinoeykissvrino
1

web-design-guidelines

Validate project files against Web Interface Guidelines and report issues in file:line format.

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate