skills.rest
akillness
akillnessCOMMUNITY
Explore all skills by this author →
Website𝕏@akillness0308GitHub

web-design-guidelines

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

40|9|Updated Jan 4, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#web-design
One-click install
npx skills add https://github.com/akillness/oh-my-skills --skill web-design-guidelines-akillness
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/akillness/oh-my-skills/tree/main/.agent-skills/web-design-guidelines
Command: npx skills add https://github.com/akillness/oh-my-skills --skill web-design-guidelines-akillness

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines and accessibility best practices, helping teams ship accessible, consistent interfaces.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Read target UI files or patterns and apply all guideline rules.
  • Report violations and suggested fixes to streamline design audits and UI reviews.

Quick Start

Ask me to review your UI code against the latest Web Interface 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 my UI code for accessibility and web design guideline violations?▼

Audit UI code by fetching the latest Web Interface Guidelines and applying all rules to your frontend files, then reporting violations in a concise file:line format. This identifies code that violates accessibility best practices.

Does this web design audit work with React and Vue frontend projects?▼

Yes, the web design audit works with React, Vue, and HTML/CSS frontend projects. It reads target UI files or patterns to check for compliance with Web Interface Guidelines and accessibility standards.

What is the best way to review frontend code against Web Interface Guidelines?▼

The best way to review frontend code is to fetch the latest official Web Interface Guidelines, apply all rules to target UI files, and report violations with suggested fixes to streamline design audits and UI reviews.

How do I check my HTML and CSS for accessibility best practices?▼

Check HTML and CSS accessibility by applying fetched Web Interface Guidelines rules to the codebase. The audit identifies violations and outputs suggested fixes in a file:line format for quick resolution.

Can I get suggested fixes when auditing UI code for web design compliance?▼

Yes, when auditing UI code for web design compliance, the tool reports both violations and suggested fixes. This helps streamline design audits and UI reviews by providing actionable corrections.

Why does my frontend UI review still show accessibility violations after a basic check?▼

Accessibility violations persist if the UI review does not apply all rules from the latest official Web Interface Guidelines. Fetching the current guidelines ensures all design and accessibility rules are checked comprehensively.

Related Skills

Explore More Design & Creative Skills→
xinge-jixinge-ji

web-design-guidelines

Compare frontend HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
sergicalsergical

sentry-pr-code-review

Parse Sentry bot comments in GitHub PRs to extract issues and suggested fixes.

Community
Advanced
cagdotincagdotin
36

web-design-guidelines

Evaluate frontend UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
Soju06Soju06
2.6k

web-design-guidelines

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

Community
Intermediate