skills.rest
efekrbas
efekrbasCOMMUNITY
Explore all skills by this author →
Website𝕏@efekrbsGitHub

web-design-guidelines

Detect web interface guideline violations in UI files and report file:line results.

41|5|Updated Sep 30, 2025
Search Tags:#ui#frontend#compliance#review#guidelines#web
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill web-design-guidelines-efekrbas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill web-design-guidelines-efekrbas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you verify that web interface files follow a consistent set of UI rules, so design and implementation issues can be caught before release.

Core Features & Use Cases

  • Guideline Compliance Review: Checks files against the latest web interface guidelines fetched from the official source.
  • Targeted File Audits: Reviews one file or a provided file pattern and reports only the relevant findings.
  • Terse Reporting: Returns issues in a compact file:line format that is easy to scan and act on.
  • Use Case: A frontend engineer can ask for a review of changed components before merging a pull request to catch layout, interaction, or interface-rule violations early.

Quick Start

Review the specified files for web interface guideline compliance after fetching the latest rules.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my front-end components for web UI guideline violations?▼

You can check front-end components for web UI guideline violations by fetching the latest rules and auditing target files against every rule, receiving results in a terse file:line format for quick action.

What is the best way to audit design system assets before a pull request?▼

The best way to audit design system assets before a pull request is to run a targeted compliance review on changed files, catching layout and interaction rule violations early during the pre-release stage.

Can I review a specific file pattern for web interface compliance?▼

Yes, you can review a specific file or file pattern for web interface compliance. The Skill accepts targeted file patterns and reports only the relevant findings found within those specified files.

How are UI guideline violations reported during a code review?▼

UI guideline violations are reported during a code review in a compact file:line format. This terse reporting style makes the results easy to scan and act on directly in your editor.

Does this guideline review work with templates and front-end code?▼

Yes, this guideline review applies to front-end components, templates, and design system assets. It checks these web interface files against the latest rules fetched from the official source.

Related Skills

Explore More Software Engineering Skills→
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
d3mingd3ming

web-design-guidelines

Compare UI code against Web Interface Guidelines and report file:line violations.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate