skills.rest
hendripermana
hendripermanaCOMMUNITY
Explore all skills by this author →
Website𝕏@hendri13pGitHub

web-design-guidelines

Evaluate HTML, CSS, and component files against Web Interface Guidelines.

Updated Apr 25, 2026
Search Tags:#accessibility#frontend#usability#quality-assurance#web-design#design-guidelines#ui-review
One-click install
npx skills add https://github.com/hendripermana/permoney --skill web-design-guidelines-hendripermana
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/hendripermana/permoney/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/hendripermana/permoney --skill web-design-guidelines-hendripermana

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviewing UI code for compliance with Web Interface Guidelines can be time-consuming and error-prone when done manually across large codebases.

Core Features & Use Cases

  • Automated UI guideline checks: Validate HTML, CSS, and component structure against the latest guidelines.
  • Accessibility & usability focus: Flag contrast, keyboard navigation, aria attributes, and responsive issues.
  • Use Case: A designer reviews a new component to ensure accessibility, visual consistency, and adherence to guidelines before integration.

Quick Start

Provide the UI files you want checked (HTML/CSS/JS) and the Skill will fetch the latest guidelines and report any violations.

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

To audit UI code for web design guidelines, provide your HTML, CSS, or component files to the Skill. It fetches the latest guidelines, applies the rules to your target files, and outputs any compliance findings in a file:line format.

What is automated UI guideline checking for frontend projects?▼

Automated UI guideline checking is the process of validating HTML, CSS, and component structures against the latest web interface standards. It flags accessibility, usability, and visual consistency issues before component integration.

Can I check accessibility and usability issues in my HTML and CSS files?▼

Yes, you can check accessibility and usability issues in HTML and CSS files. The process evaluates target files to flag contrast problems, keyboard navigation gaps, missing aria attributes, and responsive design violations.

Does this web design guideline audit work on large frontend codebases?▼

Yes, this web design guideline audit works on both small and large frontend codebases. It reads target files across the project and applies all rules to report violations efficiently, reducing manual review time.

How do I fix UI compliance violations reported in a file:line format?▼

To fix UI compliance violations reported in a file:line format, locate the flagged code in your target files and adjust the HTML or CSS to meet the fetched web interface guidelines for accessibility and visual consistency.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
baskarajatibaskarajati

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
LeonxlnxLeonxlnx
74.5k

design-taste-frontend

Enforce frontend design guardrails for React and Next.js UI generation.

Community
Advanced
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate