skills.rest
runecalico-ai
runecalico-aiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 9, 2026
Search Tags:#accessibility#ui review#web design#guidelines#code compliance#ux audit
One-click install
npx skills add https://github.com/runecalico-ai/second_edition_spellbook --skill web-design-guidelines-runecalico-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/runecalico-ai/second_edition_spellbook/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/runecalico-ai/second_edition_spellbook --skill web-design-guidelines-runecalico-ai

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 user experience.

Core Features & Use Cases

  • Compliance Review: Audits UI code against a set of predefined web design and accessibility best practices.
  • Automated Feedback: Provides specific findings in a concise format, enabling quick identification and correction of issues.
  • Use Case: When a developer asks to "review my UI" or "check accessibility," this Skill can be invoked to perform an automated audit against the latest guidelines.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'index.html'.

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

Auditing UI code for accessibility requires fetching the latest web interface guidelines from a specified URL and applying them to user-provided files or patterns to identify compliance issues.

What is a UX audit against web interface guidelines?▼

A UX audit against web interface guidelines checks UI code for compliance with established accessibility standards and design best practices to identify violations and improve consistency.

Can I check my site design against standards using a specific URL?▼

Yes, checking site design against standards requires fetching the latest web interface guidelines from a specified URL and applying them to your user-provided UI files or patterns.

How do I review my UI for code compliance and accessibility issues?▼

Reviewing UI for code compliance involves auditing user-provided files against fetched web interface guidelines, focusing on accessibility best practices to provide specific findings.

Do I need to provide files to perform an automated UX review?▼

Yes, an automated UX review requires user-provided files or patterns of UI code, and a specified URL to fetch the latest web interface guidelines for applying compliance checks.

Related Skills

Explore More Design & Creative Skills→
YanchiHuangYanchiHuang

web-design-guidelines

Review UI code against web interface guidelines and accessibility standards.

Community
Intermediate
brianlovinbrianlovin
357

rams

Analyze UI components for WCAG violations and visual design inconsistencies.

Community
Advanced
davidrrowleydavidrrowley

frontend-design-review

Review frontend interfaces for design quality and WCAG accessibility compliance.

Community
Intermediate
yono92yono92

web-design-guidelines

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

Community
Intermediate