skills.rest
martinsione
martinsioneCOMMUNITY
Explore all skills by this author →
Website𝕏@sionemartGitHub

web-design-guidelines

Check UI code against Web Interface Guidelines and report findings in file:line format.

1|Updated Jan 30, 2026
Search Tags:#automation#accessibility#UI#audit#guidelines#web#design-review
One-click install
npx skills add https://github.com/martinsione/ralphbox.dev --skill web-design-guidelines-martinsione
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/martinsione/ralphbox.dev/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/martinsione/ralphbox.dev --skill web-design-guidelines-martinsione

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI code aligns with Web Interface Guidelines, reducing accessibility and usability gaps across projects.

Core Features & Use Cases

  • Automatic guideline checks: fetch the latest rules and apply them to specified files or patterns.
  • Flexible scope: works on individual files, components, or entire projects to surface issues.
  • Use Case: When asked to review a UI for accessibility or best practices, run a design-audit to surface violations and suggested fixes.

Quick Start

Use the web-design-guidelines skill to scan your project files for UI guideline violations and report findings.

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 against web interface guidelines?▼

To audit UI code against web interface guidelines, this skill automatically fetches the latest rules at runtime and applies them to your files, reporting accessibility and usability violations in a file:line format.

What is automated accessibility checking for web design?▼

Automated accessibility checking scans your UI code to identify compliance issues by fetching current web interface guidelines and surfacing violations, reducing usability gaps without manual rule lookups.

Can I scan an entire project for UI guideline violations?▼

Yes, you can scan an entire project for UI guideline violations. This skill supports flexible scope, allowing analysis of individual files, specific patterns, components, or full project directories.

How do I review a component for accessibility best practices?▼

You can review a component for accessibility best practices by targeting its specific file with this skill, which reads the code and applies fetched web interface rules to emit findings pinpointing exact line numbers.

Does this UI audit require any dependencies or external libraries?▼

No external dependencies or libraries are required. The skill uses built-in WebFetch functionality to retrieve the latest web interface guidelines at runtime and reads target files directly to perform the audit.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
malinskibeniaminmalinskibeniamin
3

review

Review diffs against fixed points for standards, spec, and risk compliance.

Community
Advanced
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
Montte-erpMontte-erp
6

wcag-audit-patterns

Audit web pages for WCAG 2.2 violations with automated and manual checks.

Official
Intermediate