Skip to main content
Glama

Rams: design review for UI code, inside your agent

Rams reviews UI code the way a design-literate senior engineer would: severity-rated findings with file and line, a 0–100 score, and a concrete fix for each issue. It runs as a hosted MCP server, so Claude Code, Cursor, Codex, and any MCP-capable agent can call it while they work, before the code is ever committed.

This repository is the connection guide. The engine is hosted. There is nothing to install or run locally.

Tools

tool

what it does

cost

quick_review

Top issues on the files you just changed, ~10 seconds

1/5 review credit

review_files

Full scored review: 0–100, every issue with a fix, git-apply-able patches

1 credit

verify_fixes

Confirms applied fixes actually landed

free

usage

Credits used and remaining

free

The engine reviews React, Vue, Svelte, CSS, and SwiftUI against a rule set spanning accessibility, hierarchy, color, type, spacing, motion, and native-platform conventions. The live rule count is at rams.ai/rules.

Related MCP server: UI Keeper

Setup

Get a key at rams.ai (free tier included, no card).

Claude Code

claude mcp add --transport http rams https://worker.rams.ai/mcp --header "Authorization: Bearer rams_YOUR_KEY"

Cursor · .cursor/mcp.json

{
  "mcpServers": {
    "rams": {
      "url": "https://worker.rams.ai/mcp",
      "headers": { "Authorization": "Bearer rams_YOUR_KEY" }
    }
  }
}

Codex · ~/.codex/config.toml

[mcp_servers.rams]
url = "https://worker.rams.ai/mcp"
http_headers = { "Authorization" = "Bearer rams_YOUR_KEY" }

Any other MCP-capable agent: Streamable HTTP at https://worker.rams.ai/mcp with the key as a Bearer header (?apiKey= also works for gateways that can't set headers).

Then ask your agent:

rams review my changes

How it behaves

  • Quick checks are built to run constantly while editing: after writing a component, after a refactor, before moving on.

  • Full reviews are the commit-time artifact: the score you keep, the patches you apply.

  • Criticals cap the score: one caps it at 59, two at 49, three or more at 39. A 90+ means something.

  • Your code is reviewed and returned, never stored.

Elsewhere

License

This connection guide is MIT licensed. The hosted engine is a commercial service by HSLA0001 Inc.

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables AI agents to score live URLs against a 40-check design contract, validate DTCG tokens and Lottie animations, audit accessibility, and retrieve design-system contracts, catalogs, and review rubrics.
    35 npm
    MIT
  • F
    license
    Not graded
    quality
    B
    maintenance
    Enables AI coding agents to inspect a project's design tokens and component catalog, audit React/Tailwind files against seven static UI quality rules, score overall UI health, and apply auto-fixes that are re-audited and reverted on regression. It works both locally over filesystem access and remotely on raw TSX/JSX or CSS snippets passed directly as strings.
    -
  • A
    license
    A
    quality
    B
    maintenance
    Enables AI coding agents to enforce UI/UX best practices and backend performance auditing, providing design guidelines, compliance checks, component search, and performance optimizations to eliminate generic or sloppy code.
    7
    MIT
  • A
    license
    Not graded
    quality
    B
    maintenance
    Enables coding agents and CI to verify rendered web UIs against design token usage, layout constraints, and accessibility rules, returning concise pass/fail verdicts with actionable findings.
    MIT