skills.rest
Crokily
CrokilyCOMMUNITY
Explore all skills by this author →
Website𝕏@Crokily_GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

2|Updated Feb 15, 2026
Search Tags:#ui#accessibility#design review#code audit#guidelines#ux
One-click install
npx skills add https://github.com/Crokily/pi-backup --skill web-design-guidelines-crokily
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Crokily/pi-backup/tree/main/external-skills/web-design-guidelines
Command: npx skills add https://github.com/Crokily/pi-backup --skill web-design-guidelines-crokily

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires WebFetch, and includes references (resource) components.

What problem does it solve?

This Skill automates the review of UI code against established Web Interface Guidelines, ensuring consistency, accessibility, and adherence to best practices.

Core Features & Use Cases

  • Automated Compliance Checks: Scans code files for violations of defined web design and accessibility rules.
  • Guideline Fetching: Dynamically retrieves the latest guidelines from a specified source URL to ensure up-to-date reviews.
  • Use Case: A development team can use this Skill to automatically audit a new feature's UI code before merging, catching potential design or accessibility issues early in the development cycle.

Quick Start

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

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

Automated UI code audits review your front-end components against established web design and accessibility guidelines. By fetching external rule documents, this process identifies compliance violations in your source files to ensure interface consistency.

How do I audit front-end components for web design guideline violations?▼

To audit front-end components, fetch external web interface guideline documents and apply rule-based analysis to your code files. This automated design review scans UI components for accessibility issues and standards violations before merging.

Can I dynamically fetch the latest web interface guidelines during a code review?▼

Yes, you can dynamically fetch the latest web interface guidelines from a specified source URL. This ensures your automated design audits and accessibility checks evaluate UI code against the most current standards.

Does automated UI code review work with front-end development workflows?▼

Automated UI code review integrates into front-end development workflows requiring quality assurance. Development teams can use it to automatically audit new feature code for design and accessibility compliance before merging.

What are the limitations of using WebFetch for automated design audits?▼

Using WebFetch for automated design audits requires a valid URL to retrieve external guideline documents. The rule-based analysis focuses strictly on scanning specified front-end code files for defined accessibility and design violations.

Related Skills

Explore More Design & Creative Skills→
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
dthuy62dthuy62

ck:web-design-guidelines

Review UI code against web interface guidelines and report violations in file:line format.

Community
Intermediate
vrcmsvrcms
1

browser-qa

Automate visual testing and UI interaction verification for web applications.

Community
Advanced
alexzuoshalexzuosh

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance and accessibility.

Community
Basic