skills.rest
brGuirra
brGuirraCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Reviews web application UI code for compliance with interface guidelines.

Updated Mar 15, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web guidelines
One-click install
npx skills add https://github.com/brGuirra/funkonation --skill web-design-guidelines-brguirra
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/brGuirra/funkonation/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/brGuirra/funkonation --skill web-design-guidelines-brguirra

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, preventing common UI issues.

Core Features & Use Cases

  • Compliance Checking: Audits UI code against a defined set of web interface guidelines.
  • Automated Fetching: Retrieves the latest guidelines from a remote source before each review.
  • Use Case: When developing a new feature, use this Skill to automatically check the UI code for accessibility issues and adherence to design standards before deployment.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

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 my front-end code for accessibility and UI design compliance?▼

To check front-end code for accessibility and UI design compliance, you can audit specified files or directories against established web interface guidelines. This process reviews UI code to identify violations of accessibility standards and design best practices.

When do I need to run a UI code audit for my web application?▼

You need to run a UI code audit when developing new features or before deploying a web application. Auditing UI code ensures adherence to web interface design guidelines, preventing common accessibility issues and UI inconsistencies from reaching production.

Can I review UI components in a specific directory like src/components?▼

Yes, you can review UI components in a specific directory like src/components. The code audit analyzes specified file patterns or directories to check for adherence to web interface guidelines, accessibility rules, and design best practices.

Does the accessibility review process fetch external web guidelines automatically?▼

Yes, the accessibility review process fetches external web guidelines automatically. It retrieves the latest design and accessibility best practices from a remote source before analyzing your specified UI code files for compliance.

What is the best way to ensure web interface code adheres to design standards?▼

The best way to ensure web interface code adheres to design standards is to perform an automated compliance check. This reviews your front-end code against fetched external web interface guidelines, checking for accessibility issues and design best practices.

What are the limitations of using automated fetching for web design guidelines?▼

A limitation of using automated fetching for web design guidelines is the dependency on a remote source. The compliance checking process requires retrieving external guidelines before each review, meaning an unavailable remote source prevents the code audit from running.

Related Skills

Explore More Software Engineering Skills→
hidonguyenhidonguyen

ck:web-design-guidelines

Review HTML, CSS, and React files against fetched web interface guidelines.

Community
Intermediate
citywalkicitywalki

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

Community
Intermediate
sujaynsvsujaynsv

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

Community
Intermediate
datorresbdatorresb

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate