skills.rest
truongnat
truongnatCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate web UI source files against Web Interface Guidelines and accessibility requirements.

Updated Mar 5, 2026
Search Tags:#code quality#best practices#accessibility#ui review#ux audit#web guidelines#file line findings
One-click install
npx skills add https://github.com/truongnat/emplus --skill web-design-guidelines-truongnat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/truongnat/emplus/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/truongnat/emplus --skill web-design-guidelines-truongnat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you catch UI and accessibility issues early by checking your web interface against a maintained set of Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-based UI review: Compares provided files against the full rule set from the latest guidelines.
  • Fresh rules every run: Fetches the guidelines before each review to keep results up to date.
  • Actionable findings: Produces findings in the concise file:line format for fast fixes.
  • Use Case: Run it before releasing a feature to verify that key UI pages and components meet accessibility and design best practices.

Quick Start

Ask the AI to review your UI files against the latest Web Interface Guidelines by providing the file paths you want checked.

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 the file paths to review. The tool fetches the latest Web Interface Guidelines and scans the specified files, reporting any accessibility or UX issues in a concise file:line format for fast fixes.

What is a UI review against web interface guidelines?▼

A UI review against web interface guidelines is an evaluation of source files to verify compliance with accessibility requirements and design best practices. It scans provided code patterns and produces actionable findings using a prescribed file:line output format.

Can I check my website code for UX best practices before a feature release?▼

Yes, you can check website code for UX best practices before a feature release. The tool fetches fresh rules every run and scans your specified UI pages and components to verify they meet accessibility and design standards.

Does the accessibility audit require any external dependencies or components?▼

No, the accessibility audit requires no external dependencies or components. It operates independently by fetching the latest command rules from a provided URL and scanning your specified files or patterns directly.

How does the tool ensure the UI review uses current accessibility standards?▼

The tool ensures the UI review uses current accessibility standards by fetching the guidelines before each run. This fresh-rules mechanism keeps the compliance checks up to date against the maintained set of Web Interface Guidelines.

What format are UX audit findings reported in?▼

UX audit findings are reported in a concise file:line output format. This prescribed format pinpoints exact locations of accessibility issues and best practice violations within the source files for fast and actionable fixes.

Related Skills

Explore More Design & Creative Skills→
noni2shenoni2she
1

web-design-guidelines

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

Community
Basic
vijaychandar186vijaychandar186

web-design-guidelines

Assess UI code for Web Interface Guidelines compliance and flag violations.

Community
Intermediate
primatrixprimatrix

lint-fix

Check and fix Python code style issues with isort, ruff, black, and codespell.

Official
Intermediate
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate