skills.rest
JetBrains
JetBrainsOFFICIAL
Explore all skills by this author →
Website𝕏@jetbrainsGitHub

web-design-guidelines

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

302|22|Updated Feb 12, 2026
Search Tags:#ui#accessibility#compliance#review#guidelines#web
One-click install
npx skills add https://github.com/JetBrains/skills --skill web-design-guidelines-jetbrains
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JetBrains/skills/tree/main/antfu-web-design-guidelines
Command: npx skills add https://github.com/JetBrains/skills --skill web-design-guidelines-jetbrains

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web teams often struggle to ensure UI code meets established web design guidelines, leading to accessibility gaps, inconsistent UX, and maintenance overhead.

Core Features & Use Cases

  • Fetch latest guidelines from the designated source and compile a single rule set
  • Validate HTML, CSS, and JS against guidelines and surface actionable findings
  • Use case: run a design QA pass on a new UI component library to ensure accessibility and visual consistency

Quick Start

Review the UI codebase in the src/ directory against the latest guidelines.

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 UI code against web design guidelines?▼

To audit UI code, fetch the latest web design guidelines and compare target HTML, CSS, and JS files against the rules to identify noncompliant UI patterns. The tool parses provided file paths and outputs actionable findings for design QA.

What is the best way to check web accessibility and UX compliance in a component library?▼

Checking web accessibility and UX compliance involves validating HTML, CSS, and JS against a compiled set of established guidelines. This process surfaces accessibility gaps and visual inconsistencies to ensure UI components meet design standards.

Can I run a design QA pass on specific file paths in my source directory?▼

Yes, you can run a design QA pass on specific file paths. Apply the guideline rules across provided file patterns or paths within your src directory to review HTML, CSS, and JS files for noncompliant UI patterns.

Does the web design review process require any external dependencies?▼

No, the web design review process requires no external dependencies. It independently fetches the latest web interface guidelines, parses your local code files, applies the rules, and generates a compliance report.

Why do I need to validate HTML and CSS against established web guidelines?▼

Validating HTML and CSS against established web guidelines solves the problem of inconsistent UX and maintenance overhead. It identifies noncompliant UI patterns early, ensuring your web interface maintains accessibility and visual consistency.

Related Skills

Explore More Design & Creative Skills→
AutomatticAutomattic
31

liberate-local

Convert static HTML, CSS, and JS directories into WordPress block themes.

Official
Advanced
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
baphledbaphled
1

check-compliance

Run linting, formatting, security scans, and tests before committing code.

Community
Intermediate
cropsggcropsgg
15

browse

Automate browser exploration to inspect and document JS-rendered web pages.

Community
Intermediate