skills.rest
nawwwal
nawwwalCOMMUNITY
Explore all skills by this author →
Website𝕏@naawwwalGitHub

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
One-click install
npx skills add https://github.com/nawwwal/dex --skill dashboard-design-nawwwal
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Tristan578Tristan578
5

architect-flow

Plan SpawnForge feature architecture specs with JSON event schemas and Bevy systems.

Community
Advanced
warpdotdevwarpdotdev
292

implement-specs

Plan and execute feature implementations while keeping specs aligned with code changes.

Official
Advanced
elab-developmentelab-development

fluxui-development

Create Flux UI components in Laravel Blade and Livewire workflows.

Official
Basic
cegit27cegit27
3

plan-design-review

Review design plans for UI/UX gaps, accessibility issues, and visual polish.

Official
Advanced