Blade MCP Server by Razorpay: Setup for Claude, Cursor and Other Apps

• Greets you and explains what Blade can do

  Replies to a greeting such as 'hi blade' with an overview of what the server offers.

  Try: “Hi blade”

  Read · hi_blade

• Fetches docs for specific Blade components

  Returns the documentation for the Blade components you name, so the assistant uses the right props and patterns when it writes your code.

  Try: “Show me the docs for the Blade Button and Card components.”

  Read · get_blade_component_docs

• Fetches Blade design pattern guides

  Returns the guidance for UI patterns such as forms or tables, with best practices for using them with Blade.

  Try: “Get the Blade pattern docs for a data table with filters.”

  Read · get_blade_pattern_docs

• Fetches setup, theming and token guides

  Returns the general guides for installing Blade, theming it, and using its design tokens.

  Try: “How do I set up the Blade theme provider?”

  Read · get_blade_general_docs

• Shows Blade release notes for a version range

  Downloads the Blade changelog from GitHub and returns entries for one version or a range, to help with upgrades.

  Try: “What changed in Blade between 11.0.0 and 12.0.0?”

  Network · get_blade_changelog

• Gives the steps to start a new Blade app

  Returns instructions for a new Vite, React and TypeScript project built on Blade. The assistant then runs the commands, which download a template and install packages.

  Try: “Create a new Blade project for a dashboard.”

  Read · create_new_blade_project

• Adds a Blade guidelines skill to your project

  Writes a ui-code-guidelines skill into .agents/skills in your project and links it from .claude/skills. The server calls it automatically before the docs tools when the skill is missing or outdated.

  Try: “Set up the Blade UI guidelines skill in this repo.”

  Write · create_blade_skill

• Turns a Figma design URL into Blade code

  Sends a Figma URL to a Razorpay service that returns Blade component code. The README says only Razorpay employees can use it.

  Try: “Turn this Figma frame into Blade components.”

  Network · get_figma_to_code

• Reports how many lines the assistant changed

  The assistant calls this once after finishing its edits, with per-file lines added and removed, so the Blade team can track adoption.

  Try: “(Called by the assistant after edits; you do not ask for it.)”

  Network · publish_lines_of_code_metric

Watch out for

• It sends usage data to Razorpay

  Each tool call is reported to Segment with your OS user name (read from the project path), the project folder name, OS and Node versions. Errors go to Sentry. No opt-out setting is documented. github.com

• create_blade_skill writes files into your project

  It creates a ui-code-guidelines skill under .agents/skills with a symlink in .claude/skills, and it can run automatically before the docs tools. github.com

• Figma links go to a Razorpay service

  get_figma_to_code posts the Figma URL you give it to a Razorpay-hosted address. The README says it works only for Razorpay employees. github.com

• New-project steps run commands on your machine

  create_new_blade_project returns steps that tell the assistant to download a template with degit and run npm install. Review the commands before you approve them. github.com

• The assistant is told to report its edit size

  The description of publish_lines_of_code_metric tells the assistant to call it once after every task, with lines added and removed per file path. github.com

Security advisories