skills.rest
Dedalus-ERP-PAS
Dedalus-ERP-PASOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Analyze HTML/CSS/JS code for Web Interface Guidelines compliance.

Updated Aug 23, 2026
Search Tags:#accessibility#ui review#web design#auto-fix#static-analysis#visual-inspection
One-click install
npx skills add https://github.com/Dedalus-ERP-PAS/foundation-skills --skill web-design-guidelines-dedalus-erp-pas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Dedalus-ERP-PAS/foundation-skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/Dedalus-ERP-PAS/foundation-skills --skill web-design-guidelines-dedalus-erp-pas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual inspection and code review for Web Interface Guidelines compliance, enabling automated checks for layout, accessibility, and UX consistency.

Core Features & Use Cases

  • Static Analysis: analyzes HTML/CSS/JS for guideline conformance.
  • Visual Inspection: captures browser renderings to verify layout and accessibility.
  • Auto-Fix: applies safe, incremental fixes to common design deviations.
  • Use Case: QA engineers verify dashboards and admin panels meet design guidelines before release.

Quick Start

Review the UI guidelines by running a static analysis on your project and performing a browser-based check at a local URL, then apply auto-fixes where issues are found.

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 web UI code for accessibility and design guideline compliance?▼

You can check web UI code for compliance by running static analysis on your HTML, CSS, and JavaScript to identify layout, accessibility, and UX consistency deviations automatically.

Does UI guideline static analysis work with modern frameworks like React and Vue?▼

Static analysis for UI guidelines works with modern frameworks including React, Vue, Angular, and Svelte, analyzing component code directly within your existing project tooling.

How do I perform a visual inspection of my web interface for UX consistency?▼

Visual inspection for UX consistency captures browser renderings at a local URL, verifying layout and accessibility to ensure dashboards and admin panels meet design guidelines.

Can I auto-fix common web design and accessibility deviations in my project?▼

You can auto-fix common web design deviations by applying safe, incremental code fixes directly to your HTML and CSS after static analysis and visual inspection identify issues.

What is the best way to audit an admin panel for Web Interface Guidelines before release?▼

The best way to audit an admin panel for Web Interface Guidelines is combining static code analysis with browser-based visual inspection, then applying auto-fixes to resolve deviations.

Related Skills

Explore More Design & Creative Skills→
nsalvacaonsalvacao

cockpit

A local web dashboard that unifies project tasks, memory, and AI guidance.

Community
Advanced
louisbrulenaudetlouisbrulenaudet
18

review-ui

Audit React frontend applications for WCAG 2.2 AA compliance and Tailwind CSS theme consistency.

Community
Intermediate
alexandereiseghohialexandereiseghohi

web-design-reviewer

Detects and repairs visual, responsive, and accessibility defects in frontend source code.

Community
Advanced
Pixel-Process-UGPixel-Process-UG
1

llm-as-judge

Evaluate subjective quality criteria using LLM-based assessment with structured rubrics.

Official
Advanced