skills.rest
henriquearthur
henriquearthurCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare frontend code against Web Interface Guidelines and output file:line findings.

46|5|Updated Feb 14, 2026
Search Tags:#ui#accessibility#compliance#guidelines#ux#web-design#design-review
One-click install
npx skills add https://github.com/henriquearthur/better-spring-initializr --skill web-design-guidelines-henriquearthur
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/henriquearthur/better-spring-initializr/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/henriquearthur/better-spring-initializr --skill web-design-guidelines-henriquearthur

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch fresh guidelines from the source URL
  • Read the specified UI-related files
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Provide a file or pattern, then run the guideline checker to produce findings.

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 my frontend code for UI accessibility and UX compliance?▼

You can audit UI accessibility by comparing your frontend code against fetched Web Interface Guidelines. The checker parses specified UI-related files and outputs compliance findings in a concise file:line format.

What is a Web Interface Guidelines design review?▼

A Web Interface Guidelines design review identifies UI issues by checking your frontend components, pages, and patterns against the latest fetched rules to ensure accessibility and UX compliance. It outputs findings in a concise file:line format.

How do I check my website files against UX guidelines?▼

Check your website files against UX guidelines by running the checker on specified frontend files. It fetches fresh rules from the source URL, reads your code, and outputs findings in a terse file:line format.

Can I audit multiple components and pages across my web app?▼

Yes, you can audit multiple components, pages, and patterns across websites or apps. The checker reads specified UI-related frontend files and compares them against fetched Web Interface Guidelines to output findings.

What format do UI accessibility audit findings use?▼

UI accessibility audit findings use a terse file:line format. The checker outputs concise findings pointing directly to the exact file and line number of each UI issue detected during the guidelines comparison.

Related Skills

Explore More Design & Creative Skills→
NodeSentinelNodeSentinel
3

web-design-guidelines

Fetch Web Interface Guidelines and report UI code compliance gaps in file:line format.

Official
Intermediate
iEnergyyiEnergyy

web-design-guidelines

Identify UI code compliance issues against Web Interface Guidelines.

Community
Intermediate
leboncoinleboncoin
92

run-quality-checks

Run linting, type checking, formatting, and tests for Spark UI projects.

Official
Intermediate
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced