skills.rest
Kuass
KuassCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a remote source.

1|Updated Mar 4, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/Kuass/kiro-gateway-plus --skill web-design-guidelines-kuass
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Kuass/kiro-gateway-plus/tree/main/.opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/Kuass/kiro-gateway-plus --skill web-design-guidelines-kuass

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 before deployment.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive set of Web Interface Guidelines.
  • Compliance Checking: Identifies violations related to accessibility, usability, and design consistency.
  • Use Case: A developer can use this Skill to quickly audit a new component's code for adherence to company-wide design standards and accessibility requirements.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.js'.

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 guidelines and accessibility compliance?▼

You can review UI code for accessibility and design compliance by scanning specified files against fetched Web Interface Guidelines to identify violations in usability and design consistency.

Can I check my component code for adherence to UX best practices automatically?▼

Yes, you can audit component code for UX best practices by fetching external markdown rules and applying them to target files to validate design system adherence.

How does an automated accessibility audit for UI code work?▼

An automated accessibility audit fetches the latest remote Web Interface Guidelines and applies those rules directly to your specified UI code files to detect compliance issues.

Do I need external rule sources to perform a design system adherence check?▼

Yes, fetching external markdown content containing the latest Web Interface Guidelines is required to apply the rules and execute the design system adherence check successfully.

What is the best way to validate web interface code before deployment?▼

The best way to validate web interface code is running a compliance check that scans components against established accessibility, usability, and design consistency guidelines to prevent UI/UX issues.

Related Skills

Explore More Design & Creative Skills→
rizaldiemrizaldiem

web-design-guidelines

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

Community
Intermediate
FerranGuardiaFerranGuardia

web-design-guidelines

Identify UI code violating Web Interface Guidelines and accessibility best practices.

Community
Intermediate
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
samuelross99samuelross99
1

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate