skills.rest
Roxabi
RoxabiOFFICIAL
Explore all skills by this author →
Website𝕏@roxabi_GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a remote URL.

9|1|Updated Feb 28, 2026
Search Tags:#accessibility#ui review#web design#code audit#design guidelines
One-click install
npx skills add https://github.com/Roxabi/roxabi-plugins --skill web-design-guidelines-roxabi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Roxabi/roxabi-plugins/tree/main/plugins/web-design-guidelines/skills/web-design-guidelines
Command: npx skills add https://github.com/Roxabi/roxabi-plugins --skill web-design-guidelines-roxabi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency and accessibility.

Core Features & Use Cases

  • Compliance Review: Automatically checks UI code against a defined set of web design rules.
  • Accessibility Audit: Identifies potential accessibility issues based on the guidelines.
  • Use Case: Before merging a new UI component, run this Skill to verify it meets the company's design standards and accessibility requirements.

Quick Start

Review the UI code in the current directory for compliance with web design 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 audit UI code for web design compliance and accessibility?▼

To audit UI code for web design compliance, this Skill retrieves web interface guidelines from a remote URL and analyzes specified files to identify accessibility issues and design violations.

What is the best way to check UI components against web interface guidelines before merging?▼

Checking UI components against web interface guidelines before merging involves running an automated compliance review that scans code files and outputs structured findings on accessibility and design inconsistencies.

Can I specify which files are included in a code audit for design standards?▼

Yes, you can specify files for a code audit by passing file selections as arguments, allowing the review process to target specific UI components and analyze them against fetched web design rules.

How does fetching remote design guidelines work during a UI review?▼

Fetching remote design guidelines during a UI review works by using WebFetch to retrieve the rule set from a specified URL, then applying those rules to local UI code using Glob and Grep file analysis tools.

Do I need any specific tools to run a web interface compliance check?▼

You need WebFetch, Glob, and Grep tools available in your environment to run a web interface compliance check, as they are required for retrieving remote rules and performing file analysis on UI code.

Related Skills

Explore More Design & Creative Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
istinataFTSistinataFTS
2

caveman-review

Generate concise single-line code review comments with severity levels.

Community
Intermediate
NicholasSutinNicholasSutin

web-design-guidelines

Audit local UI source files against remote design and accessibility guidelines.

Community
Intermediate