Skills
.Work. You
Rest

lovable-accessibility-guard

Community

WCAG-compliant Lovable UI in every generation.

Design & Creative#ui#accessibility#a11y#frontend#react#audit#wcag
AuthorSAGARRAMBADE21
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensure Lovable UI generations meet WCAG 2.1 AA/AAA accessibility standards by enforcing contrast, semantics, keyboard navigation, and screen reader support, while also guarding motion safety and touch target accessibility.

Core Features & Use Cases

  • Enforce mode to bake accessibility into new Lovable UI generations.
  • Audit mode to review and fix existing output for accessibility gaps.
  • Covers contrast, semantics, keyboard navigation, screen reader support, motion safety, and touch targets across React + TypeScript + Tailwind CSS ecosystems.

Quick Start

Enable the accessibility guard in enforce or audit mode to validate and fix Lovable UI outputs.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lovable-accessibility-guard
Download link: https://github.com/SAGARRAMBADE21/Loveable-skills/archive/main.zip#lovable-accessibility-guard

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.