skills.rest
Eva813
Eva813COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

2|1|Updated Jan 3, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/Eva813/vue3-skills --skill web-design-guidelines-eva813
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Eva813/vue3-skills/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Eva813/vue3-skills --skill web-design-guidelines-eva813

SYSTEM DOCUMENTATION & REQUIREMENTS

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

  • Automated Review: Scans specified files or patterns against a set of predefined design and accessibility rules.
  • Compliance Checking: Identifies deviations from best practices in UI code.
  • Use Case: A developer can use this skill to quickly audit a new component's UI code for compliance 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.vue'.

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

To check UI code for web design and accessibility compliance, you can use this skill to scan specified files against rules fetched from a designated URL, outputting deviations in a terse file:line format for quick auditing.

Can I review Vue components against custom web interface guidelines?▼

Yes, you can review Vue components against custom web interface guidelines by providing the component file path, and the skill will analyze the provided files or patterns against the latest rules fetched from your specified URL.

What is the best way to audit UX and design consistency before merging code?▼

The best way to audit UX and design consistency before merging is to run this skill on new component UI code, which automatically identifies deviations from predefined design and accessibility best practices.

Does this UI code review skill require external dependencies?▼

No, this UI code review skill requires no external dependencies to operate, allowing you to directly scan files and analyze them against fetched design rules without needing additional environment setup.

How do I get started auditing a Button component file for UX compliance?▼

To get started auditing a Button component file for UX compliance, simply use the skill to review the UI code in the target file path, such as 'src/components/Button.vue', to identify accessibility and design violations.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
zyx77550zyx77550

web-design-guidelines

Identify Web Interface Guidelines violations in UI codebases and report file:line findings.

Community
Intermediate
nsalvacaonsalvacao

Automation Strategies

Automate pre-commit hooks, linters, formatters, security scans, and CI/CD pipelines across Python, JavaScript/TypeScript, Go, and universal stacks.

Community
Advanced
TNHoang2708TNHoang2708
1

ck:web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate