skills.rest
cooker
cookerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch and apply Web Interface Guidelines to audit UI code compliance.

Updated Jan 22, 2026
Search Tags:#ui#code review#accessibility#frontend#web design#guidelines
One-click install
npx skills add https://github.com/cooker/wx-mp-article --skill web-design-guidelines-cooker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/cooker/wx-mp-article/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/cooker/wx-mp-article --skill web-design-guidelines-cooker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall quality.

Core Features & Use Cases

  • Automated Code Review: Scans UI code files against a predefined set of web design and accessibility rules.
  • Guideline Compliance: Verifies adherence to best practices for web interfaces.
  • Use Case: When you've finished building a new component or page, use this Skill to audit its code for compliance before merging, catching potential issues early.

Quick Start

Review the UI code in the file 'src/components/Button.vue' for guideline compliance.

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

Check frontend code for accessibility compliance by scanning UI files against fetched Web Interface Guidelines, verifying adherence to design best practices, and catching potential issues before merging.

Can I use a custom URL to fetch web interface guidelines for code review?▼

Yes, you can specify a custom URL to fetch the latest web interface guidelines, allowing the review process to apply your specific ruleset to the targeted UI code files.

How do I audit a Vue component for UI guideline adherence?▼

Audit a Vue component for UI guideline adherence by targeting the specific file path, fetching the web design rules, and scanning the component code for compliance and accessibility issues.

What is automated UI code review for web interfaces?▼

Automated UI code review for web interfaces is the process of scanning frontend files against established guidelines to ensure design consistency, accessibility, and overall quality.

Does this guideline review work with any frontend file patterns?▼

Yes, the guideline review applies to specified frontend files or patterns, fetching external rules to audit the targeted UI code for compliance with web standards.

Related Skills

Explore More Design & Creative Skills→
LinXueyuanStdioLinXueyuanStdio
2

web-design-guidelines

Review web interface source files against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
jacocanetejacocanete

review-dry-violations

Detect duplicated code patterns with file:line references across React and Express/Prisma projects.

Community
Advanced
phant-appphant-app

go-linting

Standardize Go linting with golangci-lint and a curated .golangci.yml configuration.

Official
Intermediate
laymouna7laymouna7

web-design-guidelines

Evaluate frontend source code against Web Interface Guidelines and accessibility standards.

Community
Intermediate