skills.rest
erichugy
erichugyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

rams

Identify accessibility and visual design issues in UI components.

Updated Apr 10, 2026
Search Tags:#accessibility#a11y#ui-components#visual-design#design-review#a11y-audit#wcag-2.1
One-click install
npx skills add https://github.com/erichugy/agentic.skills --skill rams-erichugy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rams
Source: https://github.com/erichugy/agentic.skills/tree/main/rams
Command: npx skills add https://github.com/erichugy/agentic.skills --skill rams-erichugy

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Rams identifies accessibility and visual design issues in UI components to improve WCAG compliance and usability.

## Core Features & Use Cases

  • Accessible auditing: checks semantic HTML, ARIA attributes, keyboard navigation, and focus management.
  • Visual design review: flags contrast, typography, spacing, and component consistency.
  • Use Case: Apply Rams when reviewing a UI codebase to surface accessibility gaps before release.

### Quick Start Run Rams on the target component file or project to obtain a prioritized list of accessibility and visual design fixes.

Frequently Asked Questions about rams

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

FAQPage Schema
How do I audit UI components for WCAG 2.1 accessibility issues?▼

To audit UI components for WCAG 2.1 accessibility issues, apply a checklist-driven analysis covering semantic HTML, ARIA attributes, keyboard navigation, color contrast, typography, and focus management to receive prioritized remediation guidance.

What is the best way to check color contrast and typography in my visual design?▼

The best way to check color contrast and typography in visual design is running a visual design review that flags contrast issues, spacing inconsistencies, and component deviations to improve overall UI usability.

Can I run an a11y audit across an entire project with common UI frameworks?▼

Yes, you can run an a11y audit across an entire project with common UI frameworks by applying checklist-driven analysis to the codebase to surface semantic HTML, ARIA, and focus management accessibility gaps before release.

How do I fix keyboard navigation and focus management issues in my codebase?▼

To fix keyboard navigation and focus management issues in your codebase, analyze the UI components using a checklist-driven approach that identifies gaps and provides actionable remediation guidance for improved accessibility.

Does Rams check semantic HTML and ARIA attributes for accessibility compliance?▼

Yes, Rams checks semantic HTML and ARIA attributes for accessibility compliance by applying a checklist-driven analysis to UI components, identifying issues, and offering actionable remediation guidance to meet WCAG standards.

Related Skills

Explore More Design & Creative Skills→
jonnabiojonnabio
6

accessibility-audit

Audits frontend interfaces for WCAP 2.1 AA compliance and accessibility best practices.

Community
Intermediate
jhb-softwarejhb-software
38

astro-accessibility

Audits Astro components for WCAG 2.1 AA compliance gaps in accessibility.

Official
Intermediate
DerakonsDerakons

Yhadr Master UI/UX Designer

Enforce color tokens, spacing, typography, and modular components across ERP dashboards, forms, and reports.

Community
Advanced
zinohomezinohome
1

accessibility-auditor

Audit web pages for WCAG 2.1 compliance and implement accessibility fixes.

Community
Advanced