skills.rest
franzosterkamp
franzosterkampCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyzes web interface code files for compliance with current design, accessibility, and usability standards.

Updated May 6, 2026
Search Tags:#accessibility#UI#compliance#review#guidelines#web
One-click install
npx skills add https://github.com/franzosterkamp/card2contact --skill web-design-guidelines-franzosterkamp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/franzosterkamp/card2contact/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/franzosterkamp/card2contact --skill web-design-guidelines-franzosterkamp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers verify their web interface code against current best practices and guidelines, ensuring accessibility and usability.

Core Features & Use Cases

  • Guideline Compliance Checking: Fetches the latest web interface standards to evaluate HTML, CSS, and JavaScript files.
  • Design and UX Review: Identifies issues related to accessibility, responsiveness, and user experience.
  • Use Case: If you want to confirm your website's compliance with accessibility standards, upload the HTML files and run the review without manually reading guidelines or scanning code.

Quick Start

Provide your website files or pattern to review, and this skill will fetch current guidelines, analyze the code, and output compliance 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 check my HTML code for web accessibility compliance?▼

To check web accessibility compliance, provide your HTML files for analysis. The skill fetches current accessibility standards, parses the code, and outputs findings on implementation issues.

What is UI compliance review for web interfaces?▼

UI compliance review evaluates web interface code against current design and usability standards. It identifies issues related to accessibility, responsiveness, and user experience without manual guideline reading.

Can I use this to review CSS and JavaScript files for usability issues?▼

Yes, you can review CSS and JavaScript files for usability issues. The skill evaluates these files alongside HTML to identify interface implementation problems and verify adherence to best practices.

Do I need to manually provide web design guidelines for the code review?▼

No, you do not need to manually provide web design guidelines. The skill automatically fetches the latest standards from a remote source to evaluate your code against current best practices.

What's the best way to audit a website for UI and accessibility standards?▼

The best way to audit a website for UI and accessibility standards is uploading your interface files. The skill fetches current guidelines, analyzes the code, and outputs compliance findings automatically.

Related Skills

Explore More Design & Creative Skills→
wssAchilleswssAchilles
2

web-design-guidelines

Analyzes HTML/CSS/JS codebases for compliance with Web Interface Guidelines.

Community
Intermediate
viralcodeviralcode
61

pinak-frontend-guru

Audit React and Next.js frontend code for performance, UI/UX, and accessibility issues.

Community
Intermediate
jc180105jc180105

Frontend Developer

Develop responsive frontend UIs with React, Vue, Angular, or Svelte.

Community
Advanced
caiohbfurtadocaiohbfurtado

web-design-guidelines

Analyze web interface codebases against remote design and accessibility guidelines.

Community
Intermediate