dashboard-design

Guide Razorpay dashboard feature design from concept to ship.

1|Updated Mar 24, 2026

Search Tags:#workflow #dashboard #ui-design #phase-based #design-guidelines #razorpay #blade

Ready to run

npx skills add https://github.com/nawwwal/dex --skill dashboard-design-nawwwal

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: dashboard-design
Source: https://github.com/nawwwal/dex/tree/main/plugins/design/skills/dashboard
Command: npx skills add https://github.com/nawwwal/dex --skill dashboard-design-nawwwal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide provides a comprehensive, opinionated framework for designing Razorpay's merchant dashboard, bridging product, design, and engineering to ensure consistent UX outcomes across features.

Core Features & Use Cases

Unified design process: from discovery to PR ship, with governance, reviews, and design checks.
Patterned guidance: Blade MCP usage, gotchas library, and phase-driven workflows to reduce ambiguity.
Rapid collaboration: steps to create, share, review, and ship dashboard features with clear responsibilities.

Quick Start

Outline your dashboard feature concept, map it to Blade components, and prepare a PR-ready design spec.

Frequently Asked Questions about dashboard-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I design dashboard features from concept to ship?▼

Designing dashboard features from concept to ship involves a phase-based workflow covering create, build, share, review, and ship, guided by design guidelines to ensure consistent UX outcomes.

What is the best way to use Blade components for UI design?▼

The best way to use Blade components for UI design is by mapping dashboard feature concepts to Blade patterns, leveraging Blade MCP usage to reduce ambiguity and enforce governance.

How does a phase-based workflow improve dashboard design?▼

A phase-based workflow improves dashboard design by providing structured steps from discovery to PR ship, ensuring clear responsibilities and consistent design checks across product and engineering.

Can I use this dashboard design process for any Razorpay feature?▼

This dashboard design process provides an opinionated framework specifically for designing Razorpay's merchant dashboard, ensuring consistent UX outcomes across features through patterned guidance.

Why do I need a gotchas library for UI design?▼

You need a gotchas library for UI design to centralize known issues and precautions, reducing ambiguity and preventing common errors during the dashboard feature build and review phases.

Do I need frontmatter requirements to build dashboard features?▼

Frontmatter requirements, specifically name and description, are enforced to build dashboard features, with optional references for scripts, references, or assets providing extended context.