skills.rest
emilneuraz-ai
emilneuraz-aiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Apr 4, 2026
Search Tags:#design#ui#accessibility#compliance#review#guidelines#ux
One-click install
npx skills add https://github.com/emilneuraz-ai/neuraz-web --skill web-design-guidelines-emilneuraz-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/emilneuraz-ai/neuraz-web/tree/main/.agents/skills/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/emilneuraz-ai/neuraz-web --skill web-design-guidelines-emilneuraz-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that UI code adheres to the Web Interface Guidelines, making accessibility audits and design reviews simpler and more reliable.

Core Features & Use Cases

  • Guideline-driven review: Automatically fetches the latest Web Interface Guidelines and checks UI files against them.
  • Targeted validation: Analyzes code, styles, and markup to surface accessibility and UX conformance gaps.
  • Use Case: Run a UI audit on a design system repository to surface violations and generate concise results.

Quick Start

Point the Skill at your UI files to start an automated guideline check.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run an accessibility audit on my UI code?▼

To run an accessibility audit on UI code, point the review tool at your web project files. It fetches the latest Web Interface Guidelines, reads target files, applies all rules, and reports conformance findings in a concise file:line format.

Can I use this for a design system repository review?▼

Yes, you can use this for a design system repository review. Point the tool at the repository's UI files to start an automated guideline check that surfaces violations and generates concise results for accessibility and UX compliance.

What does a UI code conformance review report look like?▼

A UI code conformance review reports findings in a file:line format. It fetches the latest Web Interface Guidelines, applies all rules to your target files, and outputs a concise list of accessibility and UX conformance gaps.

Does this automated UI review work without external dependencies?▼

Yes, the automated UI review works without external dependencies. It fetches the latest Web Interface Guidelines directly, reads your target files, applies all rules, and reports accessibility and UX conformance findings independently.

Related Skills

Explore More Design & Creative Skills→
rkz91rkz91
264

web-design-guidelines

Audit web UI code against Web Interface Guidelines and report compliance findings.

Community
Intermediate
agoudbgagoudbg
7

web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

Community
Intermediate
canyouseeuscanyouseeus

noir-design

Enforce Noir aesthetic standards on UI components during creation and reviews.

Community
Intermediate
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced