skills.rest
nuitsjp
nuitsjpCOMMUNITY
Explore all skills by this author →
Website𝕏@nuits_jpGitHub

web-design-guidelines

Review UI code against web interface and accessibility guidelines.

1|Updated Feb 7, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/nuitsjp/teams-board --skill web-design-guidelines-nuitsjp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nuitsjp/teams-board/tree/main/.rulesync/skills/web-design-guidelines
Command: npx skills add https://github.com/nuitsjp/teams-board --skill web-design-guidelines-nuitsjp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established web interface guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • UI Code Review: Automatically checks UI code against a predefined set of web design and accessibility rules.
  • Compliance Auditing: Verifies that designs and implementations meet best practices for web interfaces.
  • Use Case: When a developer asks to "review my UI code for accessibility," this Skill can fetch the latest guidelines and audit the provided files.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the provided UI code files.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I review my UI code for web accessibility compliance?▼

To review UI code for web accessibility, this Skill fetches the latest guidelines from a specified URL and audits your provided files against all rules. It automatically checks design and UX adherence to web interface standards.

What is the best way to automate web design guideline checks for my project?▼

Automating web design guideline checks involves fetching established web interface rules and applying them to your files. This Skill audits UI code automatically, verifying compliance with accessibility standards and UX best practices.

Can I use a custom URL to fetch specific web interface guidelines for code review?▼

Yes, you can use a custom URL to fetch specific web interface guidelines. The Skill retrieves the latest rules from the specified URL and applies all compliance and accessibility checks to the target UI files.

Does this UI code review tool work without external dependencies?▼

Yes, this UI code review tool operates without external dependencies. It requires only a URL to fetch the latest guidelines and the UI files you want to audit for accessibility and web design compliance.

What specific standards does a web interface guidelines audit cover?▼

A web interface guidelines audit covers accessibility standards, UX best practices, and overall design consistency. The Skill applies rules fetched from a specified URL to ensure UI code meets established web interface compliance.

Why should I audit UX and accessibility instead of just checking code syntax?▼

Auditing UX and accessibility ensures UI code meets established web interface guidelines, improving consistency and overall user experience. Checking only syntax misses compliance with design rules and accessibility standards required for usable interfaces.

Related Skills

Explore More Design & Creative Skills→
chlmmchlmm

web-design-guidelines

Analyze web interface code against guideline rules and accessibility standards.

Community
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
tyk-labtyk-lab

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
tan-yong-shengtan-yong-sheng
1

web-design-guidelines

Identify UI accessibility and design guideline violations in web projects.

Community
Intermediate