skills.rest
ngx-signal-forms
ngx-signal-formsOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI files violating Web Interface Guidelines and output findings in file:line format.

3|2|Updated Oct 9, 2025
Search Tags:#a11y#frontend#audit#guidelines#ui-review#web-accessibility
One-click install
npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill web-design-guidelines-ngx-signal-forms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ngx-signal-forms/ngx-signal-forms/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill web-design-guidelines-ngx-signal-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill helps ensure UI code adheres to Web Interface Guidelines, improving accessibility, consistency, and user experience across interfaces.

Core Features & Use Cases

  • Fetch latest guidelines from the remote source.
  • Read specified files or patterns provided by the user.
  • Check against all rules and report findings in the terse file:line format.
  • Adaptable for Angular and other frameworks, with accessibility-focused adaptations and clear remediation notes.

Quick Start

Provide a file path or pattern to review and the tool will fetch guidelines, scan the files, and output 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 UI code for accessibility violations?▼

To audit frontend UI code for accessibility violations, provide a file path or pattern. The tool fetches remote web interface guidelines, scans HTML and CSS files, and outputs findings in a file:line format for code reviews.

What is a UI review against web interface guidelines?▼

A UI review against web interface guidelines is a process of comparing UI files against remote rules to identify violations. It checks HTML, CSS, and templates to improve accessibility, consistency, and overall user experience.

Does the web accessibility audit work with Angular templates?▼

Yes, the web accessibility audit works with Angular templates. It is adaptable for Angular and other frameworks, performing rule-based checks across HTML and templates to provide clear remediation notes.

Can I integrate a UI accessibility check into my CI pipeline?▼

Yes, you can integrate a UI accessibility check into your CI pipeline. The tool reports findings in a terse file:line format, making it easy to integrate with CI systems or automated code reviews.

How do I check my CSS for a11y guideline compliance?▼

To check CSS for a11y guideline compliance, input your file pattern for scanning. The tool fetches the latest remote rules, checks your CSS against them, and outputs any accessibility violations found.

What format are UI guideline violations reported in?▼

UI guideline violations are reported in a terse file:line format. This structure ensures findings are easy to integrate with CI pipelines or code reviews, providing clear remediation notes for developers.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

mobile-ios

Mitigate security vulnerabilities in mobile-iOS frontend codebases.

Community
Intermediate
icyzhicyzh
1

inspecting-hermes-desktop-dom

Inspect live DOM nodes and computed styles via Chrome DevTools Protocol.

Community
Advanced