web-design-guidelines

Audit HTML/CSS/JS interfaces for accessibility, responsiveness, and performance.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/helmordev/litera-quest --skill web-design-guidelines-helmordev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/helmordev/litera-quest/tree/main/.github/skills/web-design-guidelines
Command: npx skills add https://github.com/helmordev/litera-quest --skill web-design-guidelines-helmordev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web platform design guidelines to ensure accessible, performant, and consistent UI across teams.

Core Features & Use Cases

  • Accessibility/WCAG alignment and semantic HTML usage
  • Responsive design guidelines and modern CSS practices
  • Theming, color contrast, typography, and performance considerations
  • Accessibility testing, audits, and code-review workflows
  • Internationalization and content strategy for multilingual sites

Quick Start

Review the guidelines to evaluate a UI for accessibility, responsiveness, and performance.

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 web interface for WCAG accessibility compliance?

To audit web interface accessibility, evaluate HTML semantics, color contrast, and form inputs against WCAG-aligned checks. This process standardizes accessibility testing workflows to ensure interfaces meet compliance requirements and remain usable for all users.

What are the best practices for responsive typography and modern CSS layouts?

Responsive typography and modern CSS layouts require applying fluid scaling, semantic HTML structures, and design tokens. These responsive design guidelines ensure web interfaces adapt seamlessly across different screen sizes while maintaining visual consistency.

Does this web design guideline cover theming and color contrast requirements?

Yes, the web design guidelines cover theming and color contrast by enforcing strict contrast ratio checks and design token usage. This ensures accessible, performant, and visually consistent UI across different projects and teams.

How do I implement an accessibility review workflow for HTML, CSS, and JS interfaces?

Implement an accessibility review workflow by applying standardized guidelines to audit HTML, CSS, and JS interfaces. This evaluates semantic HTML usage, accessible forms, and color contrast to identify and resolve compliance issues during code review.

Can I use these guidelines for internationalization and multilingual site content strategy?

Yes, these guidelines include internationalization and content strategy for multilingual sites. They provide standards to ensure accessible, responsive, and high-performance web interfaces that properly handle multilingual content and layout considerations.