skills.rest
aptxaptx
aptxaptxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

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

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

  • UI Code Review: Audits UI code against a predefined set of web interface guidelines.
  • Accessibility Checks: Verifies compliance with accessibility best practices.
  • Design Audits: Reviews UX and design against established standards.
  • Use Case: A developer can use this skill to automatically check a new component's code against the company's design system before merging it into the main branch.

Quick Start

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

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI code for web design and accessibility compliance?▼

To review UI code for accessibility and web design compliance, this skill audits user-provided front-end files against established web interface guidelines fetched from a specified URL. It checks for design consistency and adherence to standards.

What is the best way to audit front-end components against a design system before merging?▼

The best way to audit front-end components against a design system is to use this skill to automatically review UI code patterns against established guidelines fetched from a URL, ensuring accessibility and UX standards are met before merging.

Can I check my UI patterns against external web interface guidelines?▼

Yes, you can check UI patterns against external web interface guidelines. The skill requires fetching fresh guidelines from a specified URL and then applies all rules to your user-provided files or patterns for compliance.

Does this UI code review tool work without predefined rules?▼

No, this UI code review tool does not work without predefined rules. It requires fetching fresh guidelines from a specified URL to apply all accessibility and design best practice rules to your provided files.

Why should I use an automated design audit for front-end development workflows?▼

You should use an automated design audit for front-end development workflows to ensure UI code meets web standards efficiently. It verifies accessibility compliance and design best practices automatically, improving consistency and overall design quality.

Related Skills

Explore More Software Engineering Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
Chachamaru127Chachamaru127
3.0k

ui

Generate accessible Tailwind and shadcn/ui components and feedback forms.

Community
Basic
sidjamylsidjamyl

web-design-guidelines

Review UI code files against Web Interface Guidelines for accessibility and design compliance.

Community
Intermediate
leanderriefelleanderriefel

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate