skills.rest
TEAM-HOUME
TEAM-HOUMEOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

10|2|Updated Jun 23, 2025
Search Tags:#ui#code review#accessibility#web development#ux#design guidelines
One-click install
npx skills add https://github.com/TEAM-HOUME/HOUME-CLIENT --skill web-design-guidelines-team-houme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/TEAM-HOUME/HOUME-CLIENT/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/TEAM-HOUME/HOUME-CLIENT --skill web-design-guidelines-team-houme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Automated Code Review: Scans specified files or patterns for compliance with web interface guidelines.
  • Best Practice Enforcement: Checks against a comprehensive set of rules for UI consistency and accessibility.
  • Use Case: You've just finished a new feature's UI code and want to ensure it's accessible and follows the company's design system. Use this Skill to audit the relevant files before deployment.

Quick Start

Review the UI code in the file 'src/components/Button.jsx' for compliance with 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 check my front-end code for accessibility and UI compliance?▼

You can audit front-end code by applying web interface guidelines to specified files or patterns, checking for accessibility issues and best practice violations. This automated review process ensures your UI code meets established design standards.

Can I review specific UI components like a button file for design guideline violations?▼

Yes, you can review specific UI components by targeting individual files such as 'src/components/Button.jsx' for design guideline violations. The process fetches fresh guidelines and applies all rules to the provided file patterns.

Do I need to provide a URL to audit my web interface code?▼

Yes, you need to provide a URL to audit your web interface code because the process requires fetching fresh guidelines from that specified location. These fetched rules are then applied to your provided files or patterns.

What is the best way to ensure a new feature's UI follows a company design system?▼

The best way to ensure a new feature's UI follows a company design system is running an automated code review against web interface guidelines. This scans your codebase for adherence to accessibility rules and UI consistency standards.

Why does my UI code review require fetching fresh guidelines?▼

Your UI code review requires fetching fresh guidelines to ensure all accessibility and best practice checks are evaluated against the most current standards. This guarantees your front-end codebase is audited without relying on outdated rules.

Related Skills

Explore More Software Engineering Skills→
ProfFroggoProfFroggo
1

web-design-guidelines

Review UI code against Web Interface Guidelines and produce a findings report.

Community
Intermediate
brianlovinbrianlovin
357

rams

Analyze UI components for WCAG violations and visual design inconsistencies.

Community
Advanced
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
maedmattmaedmatt
3

web-design-guidelines

Analyze UI code for Web Interface Guidelines and accessibility compliance.

Community
Basic