skills.rest
toanalien
toanalienCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch external Web Interface Guidelines and review UI code for compliance.

Updated Feb 14, 2026
Search Tags:#ui#accessibility#design review#code audit#ux#web guidelines
One-click install
npx skills add https://github.com/toanalien/ezdevsecops --skill web-design-guidelines-toanalien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/toanalien/ezdevsecops/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/toanalien/ezdevsecops --skill web-design-guidelines-toanalien

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Automated Review: Fetches the latest web interface guidelines and applies them to specified files.
  • Compliance Checking: Identifies deviations from best practices in UI code.
  • Use Case: Use this skill to automatically check a new component's code against the latest accessibility and design standards before it's merged.

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 audit UI code for accessibility and design compliance?▼

To audit UI code for compliance, this skill fetches external web interface guidelines and reviews your specified local files. It identifies deviations from established best practices to improve consistency and accessibility.

What is a UI design review against web guidelines?▼

A UI design review against web guidelines is the process of checking interface code for adherence to best practices. This skill automates this by fetching external rules and applying them to your files.

Can I check a component's code against web accessibility standards before merging?▼

Yes, you can check component code against accessibility standards before merging. The skill processes local files to ensure UI code adheres to fetched web interface guidelines and UX best practices.

How do I perform an automated UX review for local web files?▼

You perform an automated UX review by specifying local web files for the skill to process. It fetches the latest web interface guidelines and flags any deviations in your UI code.

Does this UI compliance check require external guideline URLs?▼

Yes, the UI compliance check requires fetching guidelines from a remote URL. The skill applies these externally fetched rules to your local files to identify design and accessibility deviations.

What is the best way to ensure web interface consistency in component code?▼

The best way to ensure web interface consistency is automating a design audit. This skill reviews your component code against fetched web guidelines to identify and correct deviations from established standards.

Related Skills

Explore More Design & Creative Skills→
memorysavermemorysaver

web-design-guidelines

Audit frontend HTML/CSS/JS files against Web Interface Guidelines and output file:line remediation findings.

Community
Basic
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate
Jia-Hong-PengJia-Hong-Peng

design-review

Detect visual design inconsistencies and commit atomic fixes with screenshots.

Community
Advanced
konneh-hubkonneh-hub

web-design-guidelines

Review UI code against fetched Web Interface Guidelines for compliance.

Community
Intermediate