skills.rest
etak-ai
etak-aiOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Scan web UI code for compliance with Web Interface Guidelines via automated checks.

Updated Aug 23, 2026
Search Tags:#accessibility#web design#guideline validation#compliance checking#UI code
One-click install
npx skills add https://github.com/etak-ai/etak-app --skill web-design-guidelines-etak-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/etak-ai/etak-app/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/etak-ai/etak-app --skill web-design-guidelines-etak-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of manually checking UI code against Web Interface Guidelines. It's an automated way to streamline the process, making it efficient to maintain compliance.

Core Features & Use Cases

  • Automated Code Review: Instantly check UI code against Web Interface Guidelines for compliance.
  • Accessibility: Validate the accessibility features in web interfaces.
  • Use Case: A designer or developer wants to ensure that their web design meets accessibility standards without the need for extensive manual checks.

Quick Start

Execute the skill with a specific file or pattern argument to review the UI code.

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

To check UI code for web interface guidelines compliance, you can run an automated script that scans your files against dynamically fetched rules, providing concise findings on potential issues.

What is automated accessibility compliance checking for web interfaces?▼

Automated accessibility compliance checking is the process of scanning UI code through scripts to validate adherence to web interface guidelines, replacing extensive manual reviews with efficient, concise findings.

How do I validate accessibility features in my web design without manual checks?▼

You can validate accessibility features in your web design without manual checks by executing an automated compliance checking script that scans UI code and returns concise findings on potential issues.

Can I use a script to automate web design compliance checking?▼

Yes, you can use a script to automate web design compliance checking, executing checks against dynamically fetched rules via WebFetch to identify potential accessibility and UI code issues.

Does the compliance checker support dynamic rule retrieval from a source URL?▼

Yes, the compliance checker supports dynamic rule retrieval from a source URL by utilizing WebFetch, ensuring the automated UI code scans run against the most current web interface guidelines.

Related Skills

Explore More Software Engineering Skills→
kage1020kage1020

web-design-guidelines

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

Community
Intermediate
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate
ulasalyesilulasalyesil

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
balajivisbalajivis
2

gstack

Automate browser-based QA testing and web application verification workflows.

Community
Advanced