Rams
Reviews CSS for design issues across accessibility, hierarchy, color, type, spacing, motion, and platform conventions.
Provides a GitHub App that automatically reviews every pull request with design feedback, scores, and fixes.
Reviews React UI code for design issues, providing severity-rated findings with file and line references and concrete fixes.
Reviews Svelte UI code for design issues, providing severity-rated findings with file and line references and concrete fixes.
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 |
| Top issues on the files you just changed, ~10 seconds | 1/5 review credit |
| Full scored review: 0–100, every issue with a fix, git-apply-able patches | 1 credit |
| Confirms applied fixes actually landed | free |
| 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 changesHow 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
Web: rams.ai · Rules: rams.ai/rules · Pricing: rams.ai/pricing
Official MCP registry:
ai.rams/rams· Glama · Smithery · mcp.soGitHub App (reviews every PR automatically): rams.ai
License
This connection guide is MIT licensed. The hosted engine is a commercial service by HSLA0001 Inc.
This server cannot be deployed
Maintenance
Related MCP Connectors
Design review for UI code: 291 rules, scored 0-100 with fixes and git-applyable patches.
Score any URL against a real design contract — 42 checks, A-F grade, token + motion validation.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
A design harness for AI coding agents: design systems, design principles, icons and UI review.
Related MCP Servers
- AlicenseNot gradedqualityAmaintenanceEnables 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 npmMIT
- FlicenseNot gradedqualityBmaintenanceEnables 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.-
- AlicenseAqualityBmaintenanceEnables 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.7MIT
- AlicenseNot gradedqualityBmaintenanceEnables 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