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

Ready to run

npx skills add https://github.com/franzosterkamp/card2contact --skill web-design-guidelines-franzosterkamp

💬 Prompt for ChatGPT / Claude Chat▼

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.