Can Rams fix the design issues it finds automatically?

Yes, Rams provides specific code snippets to resolve identified issues and can offer to apply those fixes directly to your files upon request.

What standards does Rams use for accessibility reviews?

Rams follows WCAG 2.1 guidelines, focusing on critical issues like ARIA labels, keyboard navigation, semantic HTML, and focus management.

Does it check for visual design issues beyond accessibility?

Absolutely. Rams reviews typography, spacing, color contrast ratios, z-index conflicts, and missing component states like hover or focus.

How do I specify which files Rams should analyze?

You can pass a specific filename as an argument, or if left empty, Rams will ask you which files to review or offer to scan your project for components.

Rams Design & Accessibility Reviewer

Name: Rams Design & Accessibility Reviewer
Author: artivilla

byartivilla

0•

Design Tools

Audits frontend components for WCAG 2.1 accessibility compliance and visual design consistency to ensure high-quality user interfaces.

Rams is a specialized design engineering skill that performs automated reviews of UI code to identify accessibility gaps and visual design flaws. By scanning files for WCAG 2.1 violations—such as missing ARIA labels, improper heading hierarchies, and non-semantic elements—as well as checking for layout, typography, and color inconsistencies, Rams helps developers ship inclusive and polished products. It provides detailed reports with specific line numbers and code-fix suggestions, making it an essential tool for maintaining high standards in modern web development.

Key Features

01Comprehensive WCAG 2.1 accessibility auditing for images, buttons, and form inputs

02Specific code-level feedback with line numbers and actionable remediation suggestions

03Severity-based reporting categorized by Critical, Serious, and Moderate issues

04Visual design review covering layout, typography, spacing, and color contrast

05Support for analyzing individual files or scanning entire project component directories

060 GitHub stars

Use Cases

01Standardizing visual design systems and spacing across a multi-developer team

02Rapidly auditing legacy UI components for modern web accessibility standards

03Pre-commit accessibility checks to ensure compliance before merging code

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add artivilla/agents-config rams

For use in Claude.ai and ChatGPT

Download Skill