web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: dennisccy

Identify UI code compliance gaps against Web Interface Guidelines.

Updated Aug 27, 2026

Search Tags:#usability #design-system #design-guidelines #web-accessibility #ui-audit #frontend-review

Ready to run

npx skills add https://github.com/dennisccy/finovae_strategy_platform --skill web-design-guidelines-dennisccy

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dennisccy/finovae_strategy_platform/tree/main/frontend/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/dennisccy/finovae_strategy_platform --skill web-design-guidelines-dennisccy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure web interfaces comply with established design guidelines, improving accessibility, consistency, and usability across projects.

Core Features & Use Cases

Automated UI audits: compare code against current web guidelines and surface violations with actionable recommendations.
Accessibility checks: evaluate color contrast, keyboard navigation, semantic HTML, and ARIA roles.
Use Case: When reviewing a new web app, run this skill to identify accessibility gaps and compile a remediation plan.

Quick Start

Check a project folder against the latest Web Interface Guidelines.

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 frontend codebase for web accessibility and UX compliance?▼

To audit frontend codebases for web accessibility and UX compliance, this skill reads specified files, compares them against fetched Web Interface Guidelines, and outputs structured remediation findings.

What is checked during a UI accessibility and semantic HTML review?▼

A UI accessibility review checks color contrast, keyboard navigation, semantic HTML correctness, ARIA roles, and UX consistency against established design guidelines to identify compliance gaps.

Can I use this to review an existing design system for usability guideline violations?▼

Yes, you can review an existing design system for usability violations by pointing the skill at your repository files to evaluate semantic correctness and identify remediation areas.

What's the best way to generate a remediation plan for web accessibility gaps?▼

The best way to generate a remediation plan for web accessibility gaps is running an automated UI audit that surfaces violations with actionable recommendations based on current web interface guidelines.

Do I need any dependencies or components installed to perform a UI audit?▼

No dependencies or components are required to perform a UI audit. The skill fetches latest guidelines from a remote source and reads your specified frontend files directly without extra setup.

Why does my web interface design review return inconsistent UX findings?▼

Inconsistent UX findings during a design review often occur when code is evaluated against outdated standards. This skill fetches the latest Web Interface Guidelines to ensure accessibility and UX compliance checks remain accurate.