skills.rest
memorysaver
memorysaverCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit frontend HTML/CSS/JS files against Web Interface Guidelines and output file:line remediation findings.

Updated Feb 4, 2026
Search Tags:#ui#accessibility#frontend#usability#review#web-guidelines
One-click install
npx skills add https://github.com/memorysaver/agentpit-gg --skill web-design-guidelines-memorysaver
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/memorysaver/agentpit-gg/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/memorysaver/agentpit-gg --skill web-design-guidelines-memorysaver

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often struggle to ensure web interfaces meet accessibility, usability, and visual guidelines. This Skill automates auditing UI code against the Web Interface Guidelines to surface issues and provide remediation recommendations, reducing manual review time.

Core Features & Use Cases

  • Guideline-driven audit: Compares UI code against the latest Web Interface Guidelines to identify accessibility and usability gaps.
  • Remediation guidance: Suggests concrete fixes for detected issues, aligned with guidelines.
  • Use Case: Imagine a team launching a new product page; run the audit to ensure aria attributes, color contrast, focus states, and keyboard navigation meet requirements.

Quick Start

Start the UI review by specifying the target files or patterns to scan, then prompt the skill to fetch the latest guidelines and return a concise, actionable report.

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 my website for accessibility compliance?▼

Accessibility auditing compares your UI code against established guidelines to identify gaps in aria attributes, color contrast, focus states, and keyboard navigation. This Skill automates that process by scanning your HTML, CSS, and JavaScript files against the latest Web Interface Guidelines and returns actionable remediation recommendations in a concise file:line format.

Can I check my frontend code against UX best practices automatically?▼

Yes. This Skill fetches the latest Web Interface Guidelines and applies all rules to your frontend HTML, CSS, and JavaScript assets plus design tokens. It identifies usability and visual guideline violations, then generates concrete fixes aligned with industry standards, reducing manual review time.

What UI issues does a web design audit typically find?▼

Web design audits surface accessibility gaps (missing or incorrect aria attributes, poor color contrast, broken focus states), keyboard navigation failures, and usability violations. This Skill detects these issues by comparing your files against established guidelines and suggests specific remediation steps for each finding.

How do I prepare my project files for a UI guidelines review?▼

Specify the target frontend files or patterns to scan—HTML, CSS, JavaScript, and design tokens—then prompt the Skill to fetch the latest guidelines. The Skill handles the rest, applying all rules and returning findings in a structured, line-numbered format ready for implementation.

Does this work for design tokens and component libraries?▼

Yes. The Skill audits frontend HTML, CSS, and JavaScript assets across projects, including design tokens. It applies Web Interface Guidelines rules comprehensively, making it suitable for product pages, apps, and shared component systems.

Related Skills

Explore More Design & Creative Skills→
jyasuujyasuu

web-design-guidelines

Audit UI code for Web Interface Guidelines violations and emit file:line findings.

Community
Intermediate
chroniicallydiistractedchroniicallydiistracted

audit

Identifies front-end UI issues across four dimensions and compiles severity-based reports with recommendations.

Community
Intermediate
peopledearpeopledear
1

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Official
Basic
limzivectorlimzivector

gstack

Automates browser-based QA and testing workflows with Playwright and headless Chromium.

Community
Advanced