skills.rest
ic-facet
ic-facetOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

2|Updated Aug 2, 2023
Search Tags:#ui#code review#accessibility#web development#ux#design guidelines
One-click install
npx skills add https://github.com/ic-facet/gestion-programas-asignatura --skill web-design-guidelines-ic-facet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ic-facet/gestion-programas-asignatura/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/ic-facet/gestion-programas-asignatura --skill web-design-guidelines-ic-facet

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/UX issues.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a set of predefined web interface guidelines.
  • Compliance Checking: Identifies deviations from best practices related to UI, UX, and accessibility.
  • Use Case: A developer can use this skill to quickly audit a new component's code for compliance before merging it into the main branch, ensuring consistency and quality.

Quick Start

Review the UI code in the 'src/components' directory 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 UI code for accessibility and UX compliance?▼

Automated UI code review scans your web development files against fetched Web Interface Guidelines to identify deviations from established UI, UX, and accessibility best practices before merging components.

Can I audit a specific directory of web components for design guidelines?▼

Yes, you can audit a specific directory by applying web interface guidelines to specified file patterns, such as reviewing all UI code within the 'src/components' directory to ensure design and accessibility compliance.

What does a web interface design review check for?▼

A web interface design review checks UI code for compliance with fetched rules, identifying specific deviations from best practices related to UI layouts, UX patterns, and web accessibility standards.

Do I need to manually define rules to review UX against established standards?▼

No, you do not need to manually define rules to review UX against established standards; the process fetches the latest web interface guidelines automatically and applies them directly to your UI code.

When do I need to run an automated UI code compliance check?▼

You need to run an automated UI code compliance check when auditing a new component's code before merging it into the main branch, ensuring web development consistency and preventing common UI/UX issues.

Related Skills

Explore More Design & Creative Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
shirulotshirulot

web-design-guidelines

Audit web interface source code for design and accessibility compliance.

Community
Intermediate
LoosandLoosand

ui-skills

Audit React UI components against fixed constraint rules for Tailwind, motion, and accessibility.

Community
Advanced
wellnessbrotherjay-debugwellnessbrotherjay-debug

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and report findings in file:line format.

Community
Intermediate