skills.rest
Lev-it
Lev-itOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Automate UI code review against the Web Interface Guidelines.

Updated Apr 28, 2026
Search Tags:#code review#UX best practices#accessibility auditing#web interface guidelines#UI code compliance
One-click install
npx skills add https://github.com/Lev-it/lev-skills --skill web-design-guidelines-lev-it
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Lev-it/lev-skills/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/Lev-it/lev-skills --skill web-design-guidelines-lev-it

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill assists developers in ensuring their UI code complies with the Web Interface Guidelines, simplifying the review process and maintaining design and accessibility standards.

Core Features & Use Cases

  • Guideline Compliance: Checks UI code against Web Interface Guidelines to maintain standard quality.
  • Accessibility Auditing: Identifies and rectifies issues with accessibility for broader audience accessibility.
  • Best Practices: Validates adherence to UX best practices and design system compliance.

Quick Start

Review your UI code by executing the skill with the specified files, or ask for files to be reviewed if none are specified.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I automate UI code compliance checks against web interface guidelines?▼

Automate UI code compliance by running a script that fetches the latest web interface guidelines, applies rules to your files, and outputs violations in the 'file:line' format for immediate review.

What is accessibility auditing for web interface code?▼

Accessibility auditing for web interface code identifies and rectifies issues to ensure broader audience accessibility. It validates UI code against established guidelines to maintain standard design quality and UX best practices.

How do I review UI code for UX best practices and design system compliance?▼

Review UI code for UX best practices by executing a compliance script against specified files. It checks your code for design system compliance and outputs identified issues in a 'file:line' format for quick rectification.

Can I check specific files for web interface guideline violations?▼

Yes, check specific files for web interface guideline violations by executing the skill with those target files. If no files are specified, the skill can prompt you to provide files for code review.

Does UI code compliance checking require any external dependencies?▼

No external dependencies are required for UI code compliance checking. The skill operates independently using internal scripts to fetch guidelines and apply rules to your codebase.

What format are code review results output in for UI guideline violations?▼

Code review results for UI guideline violations are output in the 'file:line' format. This pinpoints exact locations of accessibility and design standard issues within your code for immediate rectification.

Related Skills

Explore More Software Engineering Skills→
DevQwietDevQwiet

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Advanced
Rushtu99Rushtu99

web-design-guidelines

Identify UI code conformance to Web Interface Guidelines and output compliance findings.

Community
Intermediate
BenWork17BenWork17

code-review-checklist

Automates code-review checklists for correctness, security, performance, quality, testing, and documentation.

Community
Intermediate
ivanrvpereiraivanrvpereira
17

web-design-guidelines

Audit UI code files against Web Interface Guidelines for accessibility violations in file:line format.

Community
Intermediate