rams

Identify accessibility and visual design issues in UI components for WCAG compliance.

Updated Aug 27, 2026

Search Tags:#accessibility #a11y #WCAG #contrast #visual-design #design-review #keyboard-accessibility

Ready to run

npx skills add https://github.com/lovincyrus/claude-config --skill rams-lovincyrus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: rams
Source: https://github.com/lovincyrus/claude-config/tree/main/skills/rams
Command: npx skills add https://github.com/lovincyrus/claude-config --skill rams-lovincyrus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Rams Skill helps teams quickly identify accessibility issues and visual design problems in UI components, reducing manual review time and improving WCAG compliance.

Core Features & Use Cases

Automated accessibility checks for images, buttons, forms, and semantic markup
Visual design review for spacing, typography, color contrast, and component consistency
Use Case: Review a React component library to surface WCAG violations before integration

Quick Start

Use the Rams Skill to run an accessibility and visual design review on the target UI files or component set.

Frequently Asked Questions about rams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I check my UI components for WCAG compliance and visual design issues?▼

You can check UI components for WCAG compliance by running an automated accessibility and visual design review to identify semantic markup, keyboard accessibility, color contrast, focus states, and layout consistency issues.

What's the best way to automate accessibility checks for a React component library?▼

Automating accessibility checks for a React component library involves analyzing individual components or full projects to surface WCAG violations, reducing manual review time before integration.

Does this accessibility review tool check keyboard accessibility and focus states?▼

Yes, the accessibility review enforces checks for keyboard accessibility and focus states, alongside analyzing semantic markup, color contrast, and visual consistency across UI components.

Can I use this to review spacing and typography consistency in my design system?▼

Yes, you can review spacing and typography consistency in a design system by analyzing individual components or full projects for visual design problems and layout consistency.

What types of UI elements does the automated accessibility check cover?▼

The automated accessibility check covers images, buttons, forms, and semantic markup, enforcing WCAG compliance and visual consistency across web UI codebases and design systems.