skills.rest
lovincyrus
lovincyrusCOMMUNITY
Explore all skills by this author →
Website𝕏@_cyrusgohGitHub

rams

Identify accessibility and visual design issues in UI components for WCAG compliance.

Updated Aug 27, 2026
Search Tags:#accessibility#a11y#WCAG#contrast#visual-design#design-review#keyboard-accessibility
One-click install
npx skills add https://github.com/lovincyrus/claude-config --skill rams-lovincyrus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rams
Source: https://github.com/lovincyrus/claude-config/tree/main/skills/rams
Command: npx skills add https://github.com/lovincyrus/claude-config --skill rams-lovincyrus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Rams Skill helps teams quickly identify accessibility issues and visual design problems in UI components, reducing manual review time and improving WCAG compliance.

Core Features & Use Cases

  • Automated accessibility checks for images, buttons, forms, and semantic markup
  • Visual design review for spacing, typography, color contrast, and component consistency
  • Use Case: Review a React component library to surface WCAG violations before integration

Quick Start

Use the Rams Skill to run an accessibility and visual design review on the target UI files or component set.

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 and visual design issues?▼

You can check UI components for WCAG compliance by running an automated accessibility and visual design review to identify semantic markup, keyboard accessibility, color contrast, focus states, and layout consistency issues.

What's the best way to automate accessibility checks for a React component library?▼

Automating accessibility checks for a React component library involves analyzing individual components or full projects to surface WCAG violations, reducing manual review time before integration.

Does this accessibility review tool check keyboard accessibility and focus states?▼

Yes, the accessibility review enforces checks for keyboard accessibility and focus states, alongside analyzing semantic markup, color contrast, and visual consistency across UI components.

Can I use this to review spacing and typography consistency in my design system?▼

Yes, you can review spacing and typography consistency in a design system by analyzing individual components or full projects for visual design problems and layout consistency.

What types of UI elements does the automated accessibility check cover?▼

The automated accessibility check covers images, buttons, forms, and semantic markup, enforcing WCAG compliance and visual consistency across web UI codebases and design systems.

Related Skills

Explore More Design & Creative Skills→
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic
artivillaartivilla

rams

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

Community
Intermediate
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
zero-rehqzero-rehq

web-design-guidelines

Audit frontend UI against 100+ Web Interface Guidelines rules for accessibility, UX, and performance gaps.

Community
Advanced