skills.rest
noni2she
noni2sheCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit web UI source files against Web Interface Guidelines for accessibility compliance.

1|Updated Apr 9, 2026
Search Tags:#accessibility#ui review#code audit#web guidelines#ux compliance#file-line findings
One-click install
npx skills add https://github.com/noni2she/agent-fix --skill web-design-guidelines-noni2she
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/noni2she/agent-fix/tree/main/skills/references/web-design-guidelines
Command: npx skills add https://github.com/noni2she/agent-fix --skill web-design-guidelines-noni2she

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you identify accessibility, UX, and UI guideline issues in your web interface before they reach users.

Core Features & Use Cases

  • Guideline-driven audits: Fetches the latest Web Interface Guidelines and applies all rules to your specified files.
  • File/pattern targeting: Reviews concrete paths you provide (or prompts you when nothing is specified) to focus on the relevant UI code.
  • Actionable output: Reports findings in a concise file:line format that makes fixes faster.

Quick Start

Ask the AI to review your UI files (for example, “review src/pages and components patterns for web-design-guidelines compliance”).

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 web UI source files for accessibility compliance?▼

To audit web UI source files for accessibility compliance, provide concrete file paths or patterns to the AI. The tool fetches the latest Web Interface Guidelines, reads the target files, and checks all rules to identify UX and best-practice issues.

Can I review specific UI components or do I need to scan the whole project?▼

You can review specific UI components by providing targeted file paths or patterns. If you specify nothing, the tool prompts you for paths, allowing you to focus the code audit on relevant UI code rather than scanning the entire project.

What format do accessibility and UX guideline issues get reported in?▼

Accessibility and UX guideline issues are reported in a concise file:line format. This actionable output pinpoints exact locations in your web interface source files, making fixes faster during your code audit.

When do I need to run a web guidelines code audit?▼

You need to run a web guidelines code audit when you want to identify accessibility, UX, and UI guideline issues in your web interface before they reach users. It fits scenarios where you evaluate source files against best practices.

Does this accessibility review tool work without external dependencies?▼

Yes, this accessibility review tool works without external dependencies. It fetches the guideline command definition internally and reads your target web UI source files directly to perform the compliance checks.

Related Skills

Explore More Design & Creative Skills→
FrekiManagarmFrekiManagarm

web-design-guidelines

Review UI source files against the latest Web Interface Guidelines.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

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

Official
Intermediate
prismeaiprismeai
4

app-mcp-test

Execute automated smoke tests on MCP workspace tools with real credentials.

Official
Advanced
ckyeonckyeon

web-design-guidelines

Identify code deviations from Web Interface Guidelines during UI code reviews.

Community
Intermediate