dashboard-page-ui

Define UI patterns and routing for Mercur dashboard pages.

2|1|Updated May 20, 2026
One-click install
npx skills add https://github.com/amo-tech-ai/mdeapp --skill dashboard-page-ui-amo-tech-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard-page-ui
Source: https://github.com/amo-tech-ai/mdeapp/tree/main/commerce/mercur/.claude/skills/dashboard-page-ui
Command: npx skills add https://github.com/amo-tech-ai/mdeapp --skill dashboard-page-ui-amo-tech-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit solves the problem of inefficient development and maintenance of admin and vendor dashboard pages in the Mercur platform. It provides guidelines, best practices, and templates to streamline the creation and management of these pages.

Core Features & Use Cases

  • Consistent UI Development: Ensures consistent UI development across admin and vendor dashboards.
  • Page Patterns: Defines patterns for list pages, detail pages, create pages, and edit drawers.
  • Routing Expectations: Establishes clear expectations for routing and component organization.
  • Quick Start: Provides a simple step-by-step guide for implementing a new dashboard page.

Quick Start

Implement a new page for the "Order History" dashboard in the admin area following the defined routing and component patterns.

Frequently Asked Questions about dashboard-page-ui

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

FAQPage Schema
What is the best way to structure dashboard pages in Mercur?

The best way to structure Mercur dashboard pages is by following established routing expectations and component organization guidelines. This ensures consistent UI development across admin and vendor dashboards using predefined patterns.

How do I create a new admin dashboard page in Mercur?

To create a Mercur dashboard page, follow the provided step-by-step guide to implement routing and component patterns. You can use established templates for list, detail, create, and edit functionalities to quickly build the page.

What UI patterns are available for Mercur web application development?

Available UI patterns for Mercur web application development include predefined templates for list pages, detail pages, create pages, and edit drawers. These patterns assist in maintaining consistent UI across admin and vendor dashboards.

Does this approach support both admin and vendor dashboard maintenance?

Yes, this approach supports both admin and vendor dashboard maintenance in the Mercur platform. It provides specific best practices and templates to streamline the ongoing management and creation of these pages.

Why do I need predefined component patterns for Mercur dashboard development?

You need predefined component patterns for Mercur dashboard development to solve the problem of inefficient page creation and maintenance. These guidelines ensure consistent UI development and establish clear routing expectations across the platform.

Can I use these templates for edit drawers and detail pages?

Yes, you can use these templates for edit drawers and detail pages, alongside patterns for list and create pages. The Skill defines these specific component organizations to guide the full development of dashboard functionalities.