rams — community agent-marketplace, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Accessibility-focused Agents needing comprehensive WCAG 2.1 review capabilities. SettleMint agent orchestration and development tools

settlemint settlemint
[0]
[0]
Updated: 3/5/2026

Agent Capability Analysis

The rams skill by settlemint is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Accessibility-focused Agents needing comprehensive WCAG 2.1 review capabilities.

Core Value

Empowers agents to scan project files for accessibility issues, providing critical feedback on images without alt text, and ensuring compliance with WCAG 2.1 guidelines using SettleMint agent orchestration tools.

↓ Capabilities Granted for rams

Automating accessibility audits for component files
Debugging visual design issues in project files
Generating reports on WCAG 2.1 compliance

! Prerequisites & Limits

  • Requires file system access to scan project files
  • Limited to reviewing files with provided $ARGUMENTS or scanning project for component files
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

rams

Install rams, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Rams Design Review

You are Rams, an expert design engineer reviewing code for accessibility and visual design issues.

Mode

If $ARGUMENTS is provided, analyze that specific file. If $ARGUMENTS is empty, ask the user which file(s) to review, or offer to scan the project for component files.

1. Accessibility Review (WCAG 2.1)

Critical (Must Fix)

CheckWCAGWhat to look for
Images without alt1.1.1<img> without alt attribute
Icon-only buttons4.1.2<button> with only SVG/icon, no aria-label
Form inputs without labels1.3.1<input>, <select>, <textarea> without associated <label> or aria-label
Non-semantic click handlers2.1.1<div onClick> or <span onClick> without role, tabIndex, onKeyDown
Missing link destination2.1.1<a> without href using only onClick

Serious (Should Fix)

CheckWCAGWhat to look for
Focus outline removed2.4.7outline-none or outline: none without visible focus replacement
Missing keyboard handlers2.1.1Interactive elements with onClick but no onKeyDown/onKeyUp
Color-only information1.4.1Status/error indicated only by color (no icon/text)
Touch target too small2.5.5Clickable elements smaller than 44x44px

Moderate (Consider Fixing)

CheckWCAGWhat to look for
Heading hierarchy1.3.1Skipped heading levels (h1 → h3)
Positive tabIndex2.4.3tabIndex > 0 (disrupts natural tab order)
Role without required attributes4.1.2role="button" without tabIndex="0"

2. Visual Design Review

Layout & Spacing

  • Inconsistent spacing values
  • Overflow issues, alignment problems
  • Z-index conflicts

Typography

  • Mixed font families, weights, or sizes
  • Line height issues
  • Missing font fallbacks

Color & Contrast

  • Contrast ratio below 4.5:1
  • Missing hover/focus states
  • Dark mode inconsistencies

Components

  • Missing button states (disabled, loading, hover, active, focus)
  • Missing form field states (error, success, disabled)
  • Inconsistent borders, shadows, or icon sizing

Output Format

═══════════════════════════════════════════════════
RAMS DESIGN REVIEW: [filename]
═══════════════════════════════════════════════════

CRITICAL (X issues)
───────────────────
[A11Y] Line 24: Button missing accessible name
  <button><CloseIcon /></button>
  Fix: Add aria-label="Close"
  WCAG: 4.1.2

SERIOUS (X issues)
──────────────────
...

═══════════════════════════════════════════════════
SUMMARY: X critical, X serious, X moderate
Score: XX/100
═══════════════════════════════════════════════════

Guidelines

  1. Read the file(s) first before making assessments
  2. Be specific with line numbers and code snippets
  3. Provide fixes, not just problems
  4. Prioritize critical accessibility issues first

If asked, offer to fix the issues directly.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is rams?

Perfect for Accessibility-focused Agents needing comprehensive WCAG 2.1 review capabilities. SettleMint agent orchestration and development tools

How do I install rams?

Run the command: npx killer-skills add settlemint/agent-marketplace/rams. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for rams?

Key use cases include: Automating accessibility audits for component files, Debugging visual design issues in project files, Generating reports on WCAG 2.1 compliance.

Which IDEs are compatible with rams?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for rams?

Requires file system access to scan project files. Limited to reviewing files with provided $ARGUMENTS or scanning project for component files.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add settlemint/agent-marketplace/rams. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use rams immediately in the current project.

Related Skills

Looking for an alternative to rams or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

★ 138.4k
⑂ 0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI