skills.rest
getsentry
getsentryOFFICIAL
Explore all skills by this author →
Website𝕏@sentryGitHub

web-design-guidelines

Compare project files against the latest Web Interface Guidelines and report issues in file:line format.

12|1|Updated Apr 3, 2024
Search Tags:#automation#accessibility#compliance#review#web-design#ui-guidelines
One-click install
npx skills add https://github.com/getsentry/webvitals.com --skill web-design-guidelines-getsentry
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/getsentry/webvitals.com/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/getsentry/webvitals.com --skill web-design-guidelines-getsentry

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams spend time manually auditing interface code for consistency, accessibility, and UX alignment. This Skill automates guideline-based reviews by fetching the latest Web Interface Guidelines and evaluating target files, surfacing violations quickly.

Core Features & Use Cases

  • Guideline-driven reviews: fetches the latest rules from the official source and applies them to your UI files.
  • File-based evaluation: reads specified design and code assets and reports issues in a concise file:line format.
  • Compliance follow-up: enables remediation workflows by listing actionable suggestions aligned with guidelines.

Quick Start

Review your UI files against the latest Web Interface Guidelines by providing the target file path or pattern.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I automate UI compliance review against accessibility and design standards?▼

Automate UI compliance review by comparing project files against the latest Web Interface Guidelines. The Skill fetches fresh rules from the source URL, evaluates target files, and reports accessibility and consistency violations in a concise file:line format.

What is the best way to audit interface code for web design guideline violations?▼

Auditing interface code for web design violations is done by fetching the latest Web Interface Guidelines and applying them to your specified design and code assets. It outputs structured findings with actionable suggestions aligned to the rules.

How do I check my UI files for accessibility compliance issues?▼

Check UI files for accessibility compliance issues by providing the target file path or pattern to the Skill. It reads the latest Web Interface Guidelines, evaluates the files, and surfaces accessibility violations in a terse file:line format.

Can I review specific design assets against the latest web interface rules?▼

Yes, you can review specific design assets by providing the target file path or pattern. The Skill performs file-based evaluation, reading your specified assets and reporting compliance issues directly against the fetched Web Interface Guidelines.

Does the UI guideline review fetch updated rules before analyzing project files?▼

Yes, the UI guideline review fetches fresh Web Interface Guidelines from the official source URL before each evaluation. This ensures your project files are always checked against the latest accessibility and design compliance rules.

How are web design compliance issues reported after evaluating target files?▼

Web design compliance issues are reported in a terse file:line format after evaluating target files. This structured output lists actionable suggestions aligned with the Web Interface Guidelines to enable immediate remediation workflows.

Related Skills

Explore More Design & Creative Skills→
BEIRUXBEIRUX

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Official
Intermediate
NotWrenchNotWrench
1

web-design-guidelines

Compare UI files against Web Interface Guidelines and output violations in file:line format.

Community
Intermediate
lucasFR2lucasFR2

web-design-guidelines

Validate HTML code against Web Interface Guidelines in CI/CD workflows.

Community
Intermediate
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate