skills.rest
NihaalManaf
NihaalManafCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare HTML, CSS, and JavaScript code against Web Interface Guidelines.

Updated Apr 19, 2026
Search Tags:#accessibility#a11y#frontend#ui-design#design-review#web-guidelines
One-click install
npx skills add https://github.com/NihaalManaf/LDR-Island --skill web-design-guidelines-nihaalmanaf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/NihaalManaf/LDR-Island/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/NihaalManaf/LDR-Island --skill web-design-guidelines-nihaalmanaf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance and accessibility checks, helping teams ensure compliant design and usable interfaces.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source.
  • Read the target UI files or patterns and validate conformance.
  • Output findings in a terse file:line format to guide remediation.
  • Use Case: Evaluate a web app UI against accessibility guidelines before release.

Quick Start

Provide the UI files or patterns to review and run the guidelines-check on them.

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

To check web accessibility compliance, the Skill audits your HTML, CSS, and JavaScript files against the latest Web Interface Guidelines, identifying UI compliance gaps and outputting findings in a file:line format to guide remediation.

What is a UI design review for web guidelines?▼

A UI design review for web guidelines is a deterministic, rule-based process that fetches official standards to validate code conformance. It compares your target UI files against these rules to ensure accessible and usable interface design.

How do I run an accessibility audit before a web app release?▼

To run an accessibility audit before a web app release, provide your UI files or patterns to the Skill. It fetches the latest Web Interface Guidelines from the source, applies the rules to your files, and outputs terse findings.

Do I need to install dependencies to review UI code for a11y issues?▼

No, you do not need to install dependencies to review UI code for a11y issues. The Skill operates without external dependencies, directly fetching the latest guidelines and applying deterministic rules to your provided HTML and CSS files.

Can I evaluate a frontend JavaScript project for design conformance?▼

Yes, you can evaluate a frontend JavaScript project for design conformance. The Skill reads target UI files across HTML, CSS, and JavaScript projects, validating them against the latest Web Interface Guidelines to identify compliance gaps.

Related Skills

Explore More Design & Creative Skills→
Insik-HanInsik-Han
16

web-design-guidelines

Audit React, HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
misty-stepmisty-step
13

web-design-guidelines

Audit UI files against Web Interface Guidelines for accessibility and UX conformance.

Official
Intermediate
cropsggcropsgg
15

accessibility-audit

Automate WCAG 2.1 AA accessibility checks with axe-core and jsx-a11y.

Community
Advanced
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced