skills.rest
Derlys
DerlysCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/Derlys/skillforge --skill web-design-guidelines-derlys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Derlys/skillforge/tree/main/.ruler/skills/web-design-guidelines
Command: npx skills add https://github.com/Derlys/skillforge --skill web-design-guidelines-derlys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility guidelines, preventing common UI/UX issues.

Core Features & Use Cases

  • Automated Review: Scans specified files against a comprehensive set of web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices in design, accessibility, and user experience.
  • Use Case: A developer can use this Skill to audit a new component's UI code before it's merged, ensuring it meets the project's design system and accessibility standards.

Quick Start

Review the file 'src/components/Button.tsx' 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 review UI code for accessibility and web design compliance?▼

Reviewing UI code for compliance involves fetching external web interface guidelines and applying them to specified front-end file paths to identify deviations from accessibility and design best practices.

What is automated UI code compliance checking for web applications?▼

Automated UI code compliance checking scans front-end web application components against established design system guidelines to prevent common UI and accessibility issues before merging.

Does this web design guideline review work with specific front-end file patterns?▼

Yes, the web design guideline review applies to front-end development workflows by fetching external guideline definitions and applying them to specified file paths or component patterns.

How do I audit a new web component for UI and UX standards?▼

To audit a new web component for UI and UX standards, scan the component's code file to ensure it meets project design system and accessibility guidelines.

When do I need to run an accessibility and design check on my UI code?▼

You need to run an accessibility and design check on your UI code before merging new front-end components to prevent common UI and UX issues and ensure adherence to standards.

Related Skills

Explore More Design & Creative Skills→
akashic-devkitakashic-devkit
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
MMXCMMXC

web-design-guidelines

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

Community
Intermediate
FeedbackFriendsFeedbackFriends
1

web-design-guidelines

Checks HTML, CSS, and JavaScript files for UI and accessibility standard compliance.

Official
Intermediate