skills.rest
oren-argu
oren-arguCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI code against Web Interface Guidelines and report violations.

Updated Apr 5, 2026
Search Tags:#accessibility#quality-assurance#design-consistency#ui-review#ux-audit#web-guidelines
One-click install
npx skills add https://github.com/oren-argu/papermark --skill web-design-guidelines-oren-argu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/oren-argu/papermark/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/oren-argu/papermark --skill web-design-guidelines-oren-argu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance and help teams ensure accessibility, usability, and visual consistency across projects.

Core Features & Use Cases

  • Fetch latest Web Interface Guidelines and parse them into a runnable policy.
  • Read target UI files or patterns provided by the user and apply all guidelines to identify violations in markup, semantics, and interaction design.
  • Use Case: A designer or developer runs an audit of a web app's UI to ensure accessibility and UX alignment before release.

Quick Start

Provide the UI files you want reviewed and I will fetch the latest guidelines and begin the analysis.

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 my web UI for accessibility and design consistency?▼

Run a UX audit on your UI code by fetching the latest Web Interface Guidelines and applying them to your target files to identify accessibility, usability, and design-contrast issues. You receive a concise report highlighting violations across your components and pages.

What is a Web Interface Guidelines compliance check?▼

A Web Interface Guidelines compliance check is a process that compares your project's UI code against official standards to detect accessibility, usability, and visual contrast issues. It parses the latest fetched guidelines into a runnable policy to evaluate your components and pages.

How do I check UI code for accessibility issues before release?▼

Check UI code for accessibility issues before release by providing your target UI files to run an audit against the latest Web Interface Guidelines. The analysis detects markup and interaction design violations, generating a concise file:line report for easy tracking.

Can I review specific UI patterns for usability and contrast issues?▼

Yes, you can review specific UI patterns by providing them directly to the tool. It reads the target UI files or patterns and applies all fetched Web Interface Guidelines to identify violations in design contrast, usability, and semantics across those specific components.

Does the UI review require any external dependencies or components?▼

No, the UI review does not require external dependencies or components to function. You simply provide the target UI files or patterns you want reviewed, and the tool independently fetches the guidelines and executes the compliance analysis.

Related Skills

Explore More Design & Creative Skills→
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate
sanky369sanky369
29

accessibility-excellence

Audit web applications for WCAG compliance and accessibility gaps.

Community
Basic
quanganh208quanganh208

ck:web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
Ayushkumar48Ayushkumar48

web-design-guidelines

Audit web UI files for accessibility and UX guideline compliance.

Community
Intermediate