skills.rest
deicer
deicerCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Mar 8, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/deicer/codex-lb --skill web-design-guidelines-deicer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/deicer/codex-lb/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/deicer/codex-lb --skill web-design-guidelines-deicer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers ensure their web interface code adheres to established best practices and accessibility standards, preventing common UI/UX pitfalls.

Core Features & Use Cases

  • Automated Compliance Checks: Scans UI code against a comprehensive set of web interface guidelines.
  • Accessibility Auditing: Identifies potential accessibility issues within the code.
  • Design Review: Provides a systematic way to audit UX and design consistency.
  • Use Case: A developer can use this skill to quickly check a new component's code against the company's design system and accessibility requirements before merging it.

Quick Start

Review the UI code in the file named 'button.js' for compliance with web interface guidelines.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my front-end code for accessibility and UX compliance?▼

To check web interface guidelines, scan your UI code against established accessibility and design best practices. This skill fetches the latest remote guidelines to systematically audit front-end components, identifying potential usability pitfalls before merging.

What is the best way to automate design system reviews for front-end components?▼

Automating design system reviews involves fetching the latest remote web interface guidelines and scanning your UI code against them. This skill checks front-end components for adherence to established accessibility standards and design consistency systematically.

Can I audit a specific UI component file for web design best practices?▼

Yes, you can audit a specific UI component file for web design best practices by providing its name, such as 'button.js', for review. The skill scans the component's UI code to ensure it meets web interface guidelines, checking for accessibility issues.

Does this UI code review tool work with established remote design systems?▼

Yes, this UI code review tool works with established remote design systems by fetching the latest guidelines from a remote URL. This ensures the rule application for accessibility and design compliance is always up-to-date during your front-end workflow.

When do I need to review UI code for web interface guidelines?▼

You need to review UI code for web interface guidelines during front-end development workflows before merging new components. This prevents common UI/UX pitfalls by ensuring your code adheres to established accessibility standards and design best practices.

Related Skills

Explore More Design & Creative Skills→
5kahoisaac5kahoisaac
27

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
reservelabreservelab
1

ReserveLabs

Detect design inconsistencies, component duplication, and accessibility gaps in front-end codebases.

Community
Intermediate
nNEWBEnNEWBE

web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines and accessibility standards.

Community
Intermediate
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate