skills.rest
ibousfiha
ibousfihaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Validate HTML, CSS, and JavaScript/TypeScript files against Web Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#linting#consistency#accessibility#web design#review#ui guidelines
One-click install
npx skills add https://github.com/ibousfiha/better-t-nest-template --skill web-design-guidelines-ibousfiha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ibousfiha/better-t-nest-template/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ibousfiha/better-t-nest-template --skill web-design-guidelines-ibousfiha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures web UI code adheres to established Web Interface Guidelines, improving accessibility, usability, and visual consistency across projects.

Core Features & Use Cases

  • Fetches the latest guidelines from a central source before each review.
  • Reads target files or user-specified patterns to scope the audit.
  • Checks all rules from the guidelines and reports violations in a concise file:line format.
  • Use Case: run a quick accessibility audit on a new web component or a full site to surface issues early in development.

Quick Start

Provide the files to review, and the tool will fetch the latest guidelines and return 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 web UI code for accessibility and visual consistency?▼

To audit web UI code for accessibility and visual consistency, provide your HTML, CSS, and JavaScript/TypeScript files. The tool fetches the latest Web Interface Guidelines and reports violations in a concise file:line format.

What is the best way to check HTML and CSS files against web design guidelines?▼

Checking HTML and CSS files against web design guidelines involves validating your codebase against the latest Web Interface Guidelines. This tool reads target files or user-specified patterns to scope the audit and surface usability issues early.

Can I run an accessibility review on specific web components instead of a full site?▼

Yes, you can run an accessibility review on specific web components. You can provide target files or specify file patterns to scope the audit, allowing you to check individual components or a full site for compliance.

Do I need to manually update web interface guidelines for my UI linting process?▼

No, manual updates are not needed for your UI linting process. The tool automatically fetches the latest guidelines from a central remote source before each review, ensuring your accessibility and consistency checks remain current.

Related Skills

Explore More Design & Creative Skills→
brainbrewlabsbrainbrewlabs
7

web-design-guidelines

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

Official
Intermediate
YeomanYeYeomanYe

web-design-guidelines

Analyze HTML, CSS, and JS UI code against Web Interface Guidelines.

Community
Intermediate
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate