skills.rest
yp717
yp717COMMUNITY
Explore all skills by this author →
Website𝕏@yannispanagisGitHub

web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Updated Jan 25, 2026
Search Tags:#accessibility#ui review#design audit#code compliance#web guidelines
One-click install
npx skills add https://github.com/yp717/engagement-party --skill web-design-guidelines-yp717
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/yp717/engagement-party/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/yp717/engagement-party --skill web-design-guidelines-yp717

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall design quality.

Core Features & Use Cases

  • Automated Code Review: Scans UI code against a predefined set of best practices and design rules.
  • Compliance Checking: Verifies adherence to accessibility standards and design system requirements.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for compliance before merging, catching potential design or accessibility issues early.

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 UI code for web design guidelines compliance?▼

To check UI code for web design guidelines compliance, you can run an automated review that scans your local files against fetched external rule documents and reports adherence issues.

What is a UI code audit for accessibility and design best practices?▼

A UI code audit for accessibility checks your interface files against established web guidelines to verify design system requirements, catch inconsistencies, and ensure compliance before merging.

Can I review UI code in specific directories for accessibility checks?▼

Yes, you can review UI code in specific local directories by parsing those files to verify adherence to fetched web interface guidelines and accessibility standards.

Does the web-design-guidelines review require fetching external documents?▼

Yes, the web-design-guidelines review requires fetching external guideline documents to apply the latest design rules and accessibility standards to your specified local UI files.

When do I need to run a design audit on my UI code?▼

You need to run a design audit on your UI code when developing a new feature, allowing you to catch potential design or accessibility issues early before merging changes.

Related Skills

Explore More Design & Creative Skills→
alexzuoshalexzuosh

web-design-guidelines

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

Community
Basic
lengo0951lengo0951

ck:web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
brianlovinbrianlovin
357

rams

Analyze UI components for WCAG violations and visual design inconsistencies.

Community
Advanced
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate