skills.rest
artivilla
artivillaCOMMUNITY
Explore all skills by this author →
Website𝕏@artivillaGitHub

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
One-click install
npx skills add https://github.com/artivilla/agents-config --skill rams-artivilla
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
deangilmoreremixdeangilmoreremix

web-design-guidelines

Review UI files against web design and accessibility guidelines.

Community
Intermediate
BigPapiCBBigPapiCB
2

accessibility

Identify and enforce WCAG compliance, ARIA patterns, and keyboard operability in UI components.

Community
Advanced
henrycashe26henrycashe26

frontend-ui-quality

Audit frontend components against 8pt grids and semantic color tokens.

Community
Intermediate
brianlovinbrianlovin
357

rams

Analyze UI components for WCAG violations and visual design inconsistencies.

Community
Advanced