web-design-guidelines

Analyze web interface codebases against remote design and accessibility guidelines.

Updated May 21, 2026
One-click install
npx skills add https://github.com/caiohbfurtado/apac-web --skill web-design-guidelines-caiohbfurtado
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/caiohbfurtado/apac-web/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/caiohbfurtado/apac-web --skill web-design-guidelines-caiohbfurtado

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses inconsistencies and accessibility gaps in web interfaces by automating the review of UI code against established Web Interface Guidelines.

Core Features & Use Cases

  • Automated UI Auditing: Scans your codebase to ensure compliance with modern web interface standards.
  • Accessibility & UX Checks: Identifies potential accessibility issues and design pattern deviations.
  • Use Case: Use this tool during a code review to verify that your new React components align with the project's design system and accessibility requirements before merging.

Quick Start

Ask the agent to review the UI components in the src directory 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 UI code against web accessibility standards?

To audit UI code against web accessibility standards, this Skill fetches remote rule sets and applies them directly to local project files, automatically identifying structural or visual discrepancies in your source code.

Can I check React components for design system compliance during a code review?

Yes, you can check React components for design system compliance during a code review by directing the agent to evaluate your source directory against established web interface guidelines to catch pattern deviations.

What is the best way to automate web standards checks for local source files?

The best way to automate web standards checks for local source files is using an auditing tool that evaluates local file system access patterns against fetched external guideline definitions to pinpoint accessibility issues.

Does automated UI auditing require network access to evaluate codebases?

Yes, automated UI auditing requires network access because the tool must fetch remote rule sets containing the external guideline definitions needed to evaluate your local project files.

What limitations exist when scanning codebases for design pattern deviations?

A key limitation when scanning codebases for design pattern deviations is the strict dependency on network access to retrieve remote rule sets, alongside requiring local file system access to evaluate source code patterns.