skills.rest
peppone-choi
peppone-choiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and accessibility.

Updated May 29, 2026
Search Tags:#design#ui#code review#accessibility#guidelines#ux
One-click install
npx skills add https://github.com/peppone-choi/opensamguk --skill web-design-guidelines-peppone-choi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/peppone-choi/opensamguk/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/peppone-choi/opensamguk --skill web-design-guidelines-peppone-choi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design principles and accessibility standards, improving user experience and consistency.

Core Features & Use Cases

  • UI Code Review: Analyzes UI code against a set of predefined Web Interface Guidelines.
  • Accessibility Check: Identifies potential accessibility issues within the interface.
  • Design Audit: Provides a systematic review of design elements for best practice compliance.
  • Use Case: A developer can use this skill to quickly check if a new component they've built meets the company's design system requirements before merging it.

Quick Start

Review the accessibility and design compliance of the files 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 design system compliance?▼

UI code review for design compliance involves analyzing front-end components against Web Interface Guidelines. This skill fetches guidelines from a specified URL and audits user-provided files to identify accessibility issues and design deviations.

How do I audit web interfaces for accessibility issues?▼

Auditing web interfaces for accessibility issues requires analyzing front-end code against predefined Web Interface Guidelines. This skill fetches the latest standards from a specified URL and flags potential accessibility barriers in user-provided files.

Can I use custom design guidelines to review front-end code?▼

Yes, you can use custom design guidelines to review front-end code. This skill fetches the latest guidelines from a specified URL, allowing you to apply your own design standards and accessibility rules to the UI code being audited.

What is the best way to ensure UI consistency before merging code?▼

The best way to ensure UI consistency before merging code is to perform a systematic design audit. This skill analyzes your components against Web Interface Guidelines, catching accessibility issues and design deviations prior to integration.

Does this design audit work with existing front-end development workflows?▼

Yes, this design audit works with existing front-end development workflows. It is specifically designed to audit user interfaces and ensure adherence to design standards by analyzing user-provided files or code patterns directly.

Related Skills

Explore More Design & Creative Skills→
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
skinnyandbaldskinnyandbald
1

web-design-guidelines

Review UI code against Vercel's Web Interface Guidelines.

Community
Basic
lyzno1lyzno1
1

web-design-guidelines

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

Community
Basic