razorpayOfficial·17 Agent Skills Included

blade

Build, test, and ship design system components with AI agents

Automates design system development for Razorpay's Blade component library across React, React Native, and Svelte. Handles PR reviews, comment resolution, CI healing, unit test writing, and component readiness checks without manual effort. Migrates components between frameworks with parallel agent pipelines and visual browser verification. Helps teams ship consistent, accessible UI components faster with fewer review cycles.

649|197

↗

npx skills add razorpay/blade --all -g -y

Available:

Tells the AI agent which package-level context file to load for each part of the monorepo and how to detect whether a task should run as a quick change or a full end-to-end workflow with tests and checks.

All Skills in This Repository (17)

Pure Emerald Level Indicators

📦 In Repo

razorpay

get-agentic-blade-metrics

Collects and formats agentic contribution metrics for the razorpay/blade GitHub repository.

write-biweekly-announcement

Generate bi-weekly Slack announcement posts from Blade changelog git diffs.

code-review

Reviews Blade pull requests for CI status, changesets, API consistency, code quality, and UI behavior.

check-component-readiness

Reviews Blade design system components against a shipping checklist before release.

resolve-comments

Resolves GitHub PR review comments by pushing code fixes or posting explanatory replies.

verify-with-browser

Visually verify Storybook component changes using the agent-browser CLI tool.

write-unit-tests

Writes and runs unit tests for Blade design system React components.

migrate-to-rn

Orchestrates React Native migration of Blade components through plan, execute, and verify agent phases.

review-pr

Reviews razorpay/blade pull requests by fetching diffs, running critique subagents, and posting structured GitHub reviews.

create-pr

Creates a pull request with conventional commit message and structured PR body targeting master.

heal-pr

Diagnoses and fixes failing CI, missing changesets, and sanity issues on Blade pull requests.

perform-task-end-to-end

Executes bugfix and feature tasks end-to-end with checklists, tests, and PR creation.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Blade skills?▼

Run `npx skills add razorpay/blade --all -g -y` in your terminal to install all skills in this suite globally.

What is the Blade design system?▼

Blade is Razorpay's open-source design system that ships cross-platform UI components for React Web and React Native from a single codebase.

Can AI review pull requests automatically?▼

Yes. The review-pr and code-review skills check CI status, code quality, API consistency, and even verify UI changes visually in a browser before posting a structured review.

How to migrate React components to Svelte or React Native?▼

Use the migrate-to-svelte or migrate-to-rn skills, which run plan, execute, and verify agents in parallel and open one pull request per component.

Do these skills work with Claude Code and Cursor?▼

Yes. The repository includes both CLAUDE.md and AGENTS.md context files, so the skills work in Claude Code, Cursor, and other compatible AI coding tools.