rams

Identify and remediate accessibility and visual design issues in UI components.

Updated Feb 2, 2026

Search Tags:#accessibility #a11y #frontend #wcag #ux #visual-design #design-review

Ready to run

npx skills add https://github.com/artivilla/agents-config --skill rams-artivilla

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Run automated checks to identify accessibility and visual-design issues in UI components, helping teams ship inclusive, usable interfaces.

Core Features & Use Cases

Accessibility checks for alt text, labels, keyboard navigation, focus order, and color contrast.
Visual design reviews for typography, spacing, and component consistency.
Use cases include code reviews, design audits, and component libraries across web apps to enforce WCAG compliance and UI quality.

Quick Start

Provide an accessibility and visual-design review for the specified component or file.

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?▼

To check UI components for WCAG compliance, run automated accessibility reviews that identify issues with alt text, keyboard navigation, focus order, color contrast, and semantic HTML, while providing practical remediation guidance to fix them.

What is an accessibility design audit for web apps?▼

An accessibility design audit for web apps is a structured review process that evaluates UI components to identify and remediate visual design and inclusive usability issues, enforcing consistent visual hierarchy and WCAG compliance across code and component libraries.

Can I review color contrast and typography in a frontend code review?▼

Yes, you can review color contrast and typography in a frontend code review by running structured visual design checks that validate component consistency, spacing, and visual hierarchy alongside standard accessibility requirements.

Does this accessibility review work for component libraries?▼

Yes, this accessibility review works for component libraries by running structured checks across web apps to evaluate semantic HTML, keyboard navigation, and focus order, delivering practical remediation guidance for consistent UI quality.

How do I fix keyboard navigation and focus order issues in my UI?▼

To fix keyboard navigation and focus order issues in your UI, run an accessibility audit that detects the structural failures in your semantic HTML and apply the practical remediation guidance provided to restore correct focus sequence.