skills.rest
OZVE
OZVECOMMUNITY
Explore all skills by this author →
GitHub

dashboard-page-ui

Create and modify admin and vendor dashboard pages using Mercur routing and i18n conventions.

Updated Apr 3, 2026
Search Tags:#ui#routing#dashboard#vendor#admin#mercur#dashboard-sdk
One-click install
npx skills add https://github.com/OZVE/cuarta-avenida --skill dashboard-page-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-page-ui
Source: https://github.com/OZVE/cuarta-avenida/tree/main/templates/basic/.claude/skills/dashboard-page-ui
Command: npx skills add https://github.com/OZVE/cuarta-avenida --skill dashboard-page-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create or modify admin and vendor dashboard pages in Mercur's basic starter using a unified set of routing, composition, i18n, and UI conventions to reduce divergence and improve consistency.

Core Features & Use Cases

  • Applies page-level, list, and detail patterns to admin and vendor dashboards.
  • Enforces file-based routing under src/routes, proper header structure, and action menus, using the mercur dashboard-sdk patterns.
  • Provides clear create and edit drawer patterns with RouteFocusModal and RouteDrawer integration for a cohesive UX.

Quick Start

Create a new admin page under apps/admin/src/routes following the dashboard-page-ui conventions to ensure routing, layout, and i18n consistency.

Frequently Asked Questions about dashboard-page-ui

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

FAQPage Schema
How do I create admin dashboard pages with consistent routing and layout conventions?▼

Admin dashboard page creation uses file-based routing under src/routes with proper headers and exported RouteConfig for navigation. Enforcing these guidelines avoids src/pages and ensures consistent layout and i18n across list and detail patterns.

What is the recommended way to structure forms and drawers in an admin dashboard?▼

The recommended approach uses create and edit drawer patterns integrated with RouteFocusModal and RouteDrawer. These dashboard-sdk patterns provide clear form-level structures, ensuring consistent navigation and accessibility across admin interfaces.

Can I use src/pages for vendor dashboard routing in Mercur?▼

No, vendor dashboard routing in Mercur must not use src/pages. The enforced front-end guidelines require explicit file-based routing under src/routes with proper navigation headers and action menus to maintain consistency and accessibility.

How does i18n integration work for dashboard pages in Mercur?▼

Dashboard page i18n integration applies Mercur's routing and layout conventions across page-level, form-level, and tab-level patterns. This unified composition rule set reduces divergence and improves internationalization consistency across admin and vendor pages.

What layout patterns are available for building list and detail pages in an admin dashboard?▼

List and detail pages use provided data table and two-column layouts to ensure consistency and accessibility. These page-level patterns integrate with action menus and headers, streamlining admin and vendor interface creation following dashboard-sdk conventions.

Related Skills

Explore More Design & Creative Skills→
Mavrick91Mavrick91

admin-crud

Generate React admin dashboard scaffolding with data tables, filters, and bulk actions.

Community
Advanced
OZVEOZVE

dashboard-form-ui

Create or modify dashboard forms with react-hook-form and zod validation.

Community
Intermediate
markeriksonmarkerikson
41

dashboard-design

Design dark-mode dashboard interfaces with semantic CSS tokens and fixed table layouts.

Community
Intermediate
amo-tech-aiamo-tech-ai
2

dashboard-page-ui

Define UI patterns and routing for Mercur dashboard pages.

Community
Advanced