rams

Analyze UI components for WCAG accessibility and visual design issues.

2|Updated Jan 21, 2026
One-click install
npx skills add https://github.com/roderik/mpe --skill rams
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rams
Source: https://github.com/roderik/mpe/tree/main/.agents/skills/rams
Command: npx skills add https://github.com/roderik/mpe --skill rams

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rams analyzes UI components for accessibility and visual design issues, helping teams enforce WCAG compliance and maintain consistent UI quality.

Core Features & Use Cases

  • Accessibility checks aligned with WCAG 2.1
  • Visual design review for typography, color, spacing, and layout
  • Use Case: during code review or PRs, run Rams to surface WCAG violations and design inconsistencies in UI components

Quick Start

Invoke Rams to review the current UI component files. If ARGUMENTS is provided, analyze that specific file; otherwise scan the project for component files to assess.

Frequently Asked Questions about rams

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

FAQPage Schema
How do I check UI components for WCAG compliance during a code review?

To check UI components for WCAG compliance during a code review, you can scan your project files to surface accessibility violations and visual design inconsistencies. This provides actionable fixes for ARIA labeling and visual guidelines.

Can I validate ARIA labeling and visual design guidelines in web projects?

Yes, you can validate ARIA labeling and visual design guidelines in web projects using deterministic checks. This process assesses typography, color, spacing, and layout to ensure conformity and maintain consistent UI quality.

What is the best way to automate accessibility audits for pull requests?

Automating accessibility audits for pull requests involves analyzing UI component files to detect WCAG 2.1 violations and design inconsistencies. This surfaces issues directly during PRs, providing actionable fixes for developers.

How do I analyze a specific UI file for accessibility and visual design issues?

To analyze a specific UI file for accessibility and visual design issues, provide the file path as an argument. If no argument is provided, the tool automatically scans the project for component files to assess.

Does this design review tool work without external dependencies or components?

Yes, this design review tool works without external dependencies or components. It uses deterministic checks built into the Skill to evaluate WCAG compliance, ARIA validation, and visual guideline conformity directly.

What limitations should I expect when checking visual design conformity?

When checking visual design conformity, expect limitations typical of deterministic checks. The tool assesses typography, color, spacing, and layout based on predefined visual guidelines rather than subjective design interpretation.