web-design-guidelines

Fetches latest Web Interface Guidelines and verifies compliance of user files, outputting findings as file:line format.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/baselakkad585-maker/basel-dev-skills --skill web-design-guidelines-baselakkad585-maker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/baselakkad585-maker/basel-dev-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/baselakkad585-maker/basel-dev-skills --skill web-design-guidelines-baselakkad585-maker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Fetch and apply the latest Web Interface Guidelines to user files to verify compliance.

Core Features & Use Cases

  • Fetch fresh guidelines from a remote source and cache them locally for each review.
  • Read target files or patterns provided by the user and map them to guideline checks.
  • Output results in the concise file:line format to facilitate quick remediation and traceability.

Quick Start

Fetch the latest guidelines and scan the specified files to report violations in file:line format.

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 HTML and CSS files against web interface design guidelines?

To audit HTML and CSS files against web interface design guidelines, this Skill fetches the latest compliance rules from a remote source and scans your target files, outputting violations in a concise file:line format for quick remediation.

What is static analysis for web design guideline compliance?

Static analysis for web design compliance involves reading local HTML and CSS files without executing them, mapping their content against fetched web interface guidelines to identify and report design violations at specific file lines.

How do I check if my web documentation follows the latest design guidelines?

You can check your web documentation by providing the file patterns to this Skill, which fetches and caches the latest web interface guidelines remotely and verifies your documents against them, outputting findings in file:line format.

Does this web design compliance audit require internet access to run?

Yes, this web design compliance audit requires internet access to fetch the latest web interface guidelines from a remote source and cache them locally before reading and verifying your target files.

Can I review multiple design-focused project files for guideline violations at once?

Yes, you can review multiple design-focused project files at once by providing file patterns to the Skill, which reads and maps them to the fetched web interface guideline checks and outputs all violations in file:line format.

What is the best way to report web design guideline violations for quick remediation?

The best way to report web design guideline violations for quick remediation is using a concise file:line format, which this Skill generates by mapping your HTML and CSS files against fetched web interface guidelines to ensure traceability.