skills.rest
mattdowney
mattdowneyCOMMUNITY
Explore all skills by this author →
Website𝕏@mattdowneyGitHub

rams

Identify WCAG accessibility issues and visual design problems in UI components.

Updated Aug 23, 2026
Search Tags:#accessibility#a11y#wcag#ui-design#visual-design#design-review#component-review
One-click install
npx skills add https://github.com/mattdowney/ai-skills --skill rams-mattdowney
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rams
Source: https://github.com/mattdowney/ai-skills/tree/main/rams
Command: npx skills add https://github.com/mattdowney/ai-skills --skill rams-mattdowney

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rams provides structured guidance to audit UI components for accessibility WCAG compliance and visual design quality, reducing defects in shipped UI.

Core Features & Use Cases

  • Accessibility checks across WCAG 2.1 criteria (images alt text, keyboard nav, semantic markup, focus states)
  • Visual design reviews covering layout, typography, color contrast, and component states
  • Use Case: a design engineer runs Rams on a component module to surface issues before handoff

Quick Start

Inspect a target component file or project path to trigger an in-depth accessibility and visual-design review.

Frequently Asked Questions about rams

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

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

You can audit UI components for WCAG accessibility issues by running an automated review on individual files or entire projects to detect missing alt text, poor color contrast, keyboard navigation gaps, and semantic markup errors with recommended fixes.

What is the best way to check visual design quality in a web UI codebase?▼

Checking visual design quality in a web UI codebase involves reviewing component layout, typography, color contrast, and component states to identify visual problems and reduce defects before shipping.

Can I run an accessibility review across an entire web project or just single files?▼

You can run an accessibility review across both individual component files and entire web UI projects, enabling component-by-component checks as well as project-wide WCAG compliance audits.

How do I fix keyboard accessibility and focus state problems in my UI?▼

Fixing keyboard accessibility and focus state problems requires identifying the missing semantic markup and focus states through a component review, then applying the structured recommended fixes provided by the audit.

Does this visual design review tool require any specific dependencies?▼

This visual design review tool requires no external dependencies, allowing you to directly inspect your target component file or project path to trigger an in-depth accessibility and visual design audit.

Related Skills

Explore More Design & Creative Skills→
p-potvinp-potvin
1

web-design-guidelines

Assess frontend HTML, CSS, and JavaScript against Web Interface Guidelines and accessibility rules.

Community
Intermediate
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced
hffmnnjhffmnnj
39

accessibility

Audit UI components for WCAG accessibility and generate prioritized fix checklists.

Community
Basic
grvpanchalgrvpanchal
1

ui-accessibility

Analyze semantic HTML, ARIA attributes, and keyboard navigation for accessibility issues.

Community
Advanced