skills.rest
kaiomaced0
kaiomaced0COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Check web UI code for compliance with Web Interface Guidelines.

Updated May 30, 2026
Search Tags:#code review#accessibility#web development#web design#UI compliance
One-click install
npx skills add https://github.com/kaiomaced0/hackamarh --skill web-design-guidelines-kaiomaced0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kaiomaced0/hackamarh/tree/main/front-gestao/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/kaiomaced0/hackamarh --skill web-design-guidelines-kaiomaced0

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill unit helps developers ensure their UI code meets Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • Guidelines Compliance: Automatically review UI code against Web Interface Guidelines.
  • Accessibility Checks: Validate the accessibility of web interfaces.
  • Design Audits: Perform design audits to identify non-compliance issues.
  • Use Case: A web developer uses this Skill to review a new feature's UI code before deploying it to production.

Quick Start

Review the UI code for the feature 'Dashboard' using the web-design-guidelines skill.

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 web UI code for accessibility compliance?▼

To check web UI code for accessibility compliance, you apply a specified file or pattern against fetched Web Interface Guidelines, which automatically validates front-end design best practices and identifies non-compliant issues.

What is the best way to automate a design audit for front-end development?▼

Automating a design audit for front-end development involves fetching the latest Web Interface Guidelines from a source URL and applying them to your specified UI files to detect accessibility and design violations.

Can I review UI code for a specific feature before deploying to production?▼

Yes, you can review UI code for a specific feature before deploying to production by specifying the feature's file pattern to be checked against the fetched Web Interface Guidelines.

Does this guidelines compliance check require fetching external sources?▼

Yes, guidelines compliance checks require fetching the latest Web Interface Guidelines from a specified source URL before applying them to your given front-end files.

What limitations exist when validating web interfaces against design best practices?▼

A key limitation when validating web interfaces against design best practices is the dependency on fetching the latest guidelines from an external source URL, meaning the audit requires network access to perform the compliance check.

Related Skills

Explore More Software Engineering Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
J-StaR-Films-StudiosJ-StaR-Films-Studios
23

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate
mklozmkloz

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility and design standards.

Community
Intermediate
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate