skills.rest
dennisccy
dennisccyCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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
One-click install
npx skills add https://github.com/dennisccy/finovae_strategy_platform --skill web-design-guidelines-dennisccy
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
memorysavermemorysaver

web-design-guidelines

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

Community
Basic
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
thongdn-itthongdn-it
3

ui-design

Enforce UI/UX frontend best practices across HTML, CSS, and component design.

Community
Advanced
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced