skills.rest
oldwombat
oldwombatCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Assesses UI code compliance with Web Interface Guidelines and generates a structured findings report.

Updated Feb 14, 2026
Search Tags:#ui#accessibility#audit#visual-consistency#design-guidelines#web-standards#frontend-review
One-click install
npx skills add https://github.com/oldwombat/nekrosol --skill web-design-guidelines-oldwombat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/oldwombat/nekrosol/tree/main/frontend/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/oldwombat/nekrosol --skill web-design-guidelines-oldwombat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their web UI code complies with Web Interface Guidelines, improving accessibility, consistency, and overall usability.

Core Features & Use Cases

  • Guideline Fetching: Retrieves the latest Web Interface Guidelines before each check.
  • Code Scanning: Reviews UI files or patterns for compliance with the guidelines.
  • Report & Suggestions: Produces a concise findings report with actionable fixes and examples.

Quick Start

Provide the UI files to review and I will fetch guidelines and run the audit.

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 for accessibility and visual consistency?▼

To audit UI code for accessibility and visual consistency, provide your front-end files for review. The system fetches the latest web interface guidelines and applies rule-based checks to produce a structured findings report with actionable fixes.

What is a front-end review against web standards and design guidelines?▼

A front-end review against web standards and design guidelines is a rule-based assessment of UI code to reveal accessibility gaps and design inconsistencies. It ensures component libraries comply with established web interface rules for improved usability.

Can I use this to check a component library for web standards compliance?▼

Yes, you can use this to check a component library for web standards compliance. The process reviews UI files and patterns against the latest design guidelines, verifying UI consistency and accessibility for front-end projects.

How do I get actionable suggestions for fixing UI accessibility gaps?▼

You get actionable suggestions for fixing UI accessibility gaps by submitting your UI files for scanning. The system generates a concise findings report that highlights compliance issues and provides specific examples for remediation.

Do I need to manually provide the web interface guidelines during a design review?▼

No, you do not need to manually provide web interface guidelines during a design review. The system automatically retrieves the latest guidelines before each check to ensure your UI code is evaluated against current standards.

What is the best way to verify UI consistency across multiple front-end projects?▼

The best way to verify UI consistency across multiple front-end projects is to run an automated guideline audit. This applies standardized web interface checks to your codebase and outputs a structured report detailing design and accessibility gaps.

Related Skills

Explore More Design & Creative Skills→
KhoiwallKhoiwall

web-design-guidelines

Audit HTML, CSS, and design assets against Web Interface Guidelines.

Community
Intermediate
akiojinakiojin

web-design-guidelines

Verify HTML/CSS/JS UI code against Web Interface Guidelines and report findings in file:line format.

Community
Basic
billydeeii136billydeeii136

ckm:brand

Manage brand voice, visual identity, messaging frameworks, and assets with automated validation checks.

Community
Advanced
MaxStrootmannMaxStrootmann

web-design-guidelines

Audit UI code against web design and accessibility guidelines.

Community
Intermediate