skills.rest
nicolas-deyros
nicolas-deyrosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Updated Jul 15, 2025
Search Tags:#accessibility#validation#code-review#web-design#design-standards#ui-guidelines#ux-review
One-click install
npx skills add https://github.com/nicolas-deyros/astro-portfolio-v2 --skill web-design-guidelines-nicolas-deyros
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nicolas-deyros/astro-portfolio-v2/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/nicolas-deyros/astro-portfolio-v2 --skill web-design-guidelines-nicolas-deyros

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code complies with Web Interface Guidelines, reducing accessibility gaps and UX issues across projects.

Core Features & Use Cases

  • Fetches the latest web interface rules from a central source.
  • Applies guidelines to specified UI files or patterns, reporting mismatches in a concise file:line format.
  • Suitable for design reviews, accessibility audits, and ongoing UI quality checks.

Quick Start

Audit a set of UI files against the current Web Interface Guidelines and report 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 UI code for web design standards compliance?▼

To audit UI code for web design standards compliance, the skill fetches up-to-date web interface rules and applies them to provided files, generating concise file:line findings for mismatches.

What is a UI code review for accessibility and UX?▼

A UI code review for accessibility and UX evaluates front-end code against web interface guidelines to identify accessibility gaps and design standard mismatches, reporting precise file and line locations for fixes.

Can I check specific web interface files against design guidelines?▼

Yes, you can check specific web interface files against design guidelines by providing the target UI files or patterns, which the skill evaluates to report mismatches in a concise file:line format.

Does this web design validation require any dependencies?▼

No, this web design validation requires no dependencies. It operates independently by fetching the latest web interface rules from a central source and applying them directly to your UI code.

What is the best way to find accessibility gaps in web projects?▼

The best way to find accessibility gaps in web projects is to run a design review that fetches current web interface guidelines and audits UI code, producing concise file:line findings for any mismatches.

Related Skills

Explore More Design & Creative Skills→
MileniumTickMileniumTick

web-design-guidelines

Audit UI files against Web Interface Guidelines and output violations.

Community
Intermediate
gileckgileck

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Basic
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
alexanderopalexanderop
8

web-design-guidelines

Audit local UI files against Web Interface Guidelines and report violations.

Community
Basic