skills.rest
magnusrodseth
magnusrodsethCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against the Web Interface Guidelines for compliance.

2|Updated Jun 2, 2024
Search Tags:#code review#accessibility#web standards#UX audit#UI compliance
One-click install
npx skills add https://github.com/magnusrodseth/dotfiles --skill web-design-guidelines-magnusrodseth
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/magnusrodseth/dotfiles/tree/main/.config/opencode/skill/web-design-guidelines
Command: npx skills add https://github.com/magnusrodseth/dotfiles --skill web-design-guidelines-magnusrodseth

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps to ensure that UI code adheres to the Web Interface Guidelines, addressing concerns like accessibility, design, and UX.

Core Features & Use Cases

  • Compliance Checking: Reviews UI code for adherence to the Web Interface Guidelines.
  • Accessibility: Ensures the UI is accessible to all users.
  • Design & UX: Audits design and user experience against best practices.
  • Use Case: Use this Skill when reviewing UI code to confirm it meets the required guidelines.

Quick Start

Review the UI code in 'app.js' against the 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 UI code for compliance with web accessibility and UX standards?▼

To check UI code for web accessibility and UX standards compliance, you can review your files against the Web Interface Guidelines. This process fetches the latest rules and audits your code for accessibility, design, and UX adherence.

What is a UI compliance audit for web interface design?▼

A UI compliance audit for web interface design evaluates your UI code against established guidelines. It ensures your application meets accessibility, design, and UX standards by reading your files and checking them against fetched compliance rules.

Can I review app.js for web standards and accessibility adherence?▼

Yes, you can review app.js or any UI code for web standards and accessibility adherence. The review process reads your specified files and verifies them against the Web Interface Guidelines to ensure full compliance.

Does UI code review require fetching external web standards?▼

Yes, UI code review requires fetching external web standards. The process uses WebFetch to retrieve the latest Web Interface Guidelines, ensuring your accessibility and design compliance checks are evaluated against the most current rules.

What is the best way to automate a UX audit for web interface compliance?▼

The best way to automate a UX audit for web interface compliance is to run a script that fetches the latest guidelines and reads your UI files. This checks your code against accessibility and design rules systematically.

Why does my UI code fail accessibility checks during a review?▼

Your UI code may fail accessibility checks during a review if it does not adhere to the fetched Web Interface Guidelines. The compliance process specifically tests your files against established design, accessibility, and UX standards.

Related Skills

Explore More Software Engineering Skills→
magozmagoz
2

web-design-guidelines

Fetches latest Web Interface Guidelines and audits UI files for accessibility and UX compliance, outputting findings as file:line pairs.

Community
Intermediate
trancong12102trancong12102
3

web-design-guidelines

Audit web UI files against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
Xenous-IncXenous-Inc

web-design-guidelines

Audit UI code against Web Interface Guidelines and report conformance issues.

Official
Intermediate