Skills
.Work. You
Rest

dashboard-tab-ui

Community

Create tabbed UI in admin/vendor dashboards.

Software Engineering#ui#react#validation#dashboard#i18n#medusa#tabbed-form
AuthorOZVE
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tabbed UI in Mercur dashboards can become inconsistent and hard to maintain across admin and vendor interfaces. This skill provides a standardized approach to building tabbed forms with proper validation scopes, i18n-ready labels, and a clean structure using TabbedForm.

Core Features & Use Cases

  • Enforces a clear TabbedForm-based page structure with per-tab fields and a consistent layout.
  • Supports admin and vendor dashboards, including dynamic tab visibility and a shared UI pattern across workflows.
  • Reduces boilerplate by promoting reusable patterns for Tab, Label, Control, and ErrorMessage components from @mercurjs/dashboard-shared.

Quick Start

Use this skill to create a tabbed form flow within a CreatePage following the provided examples.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dashboard-tab-ui
Download link: https://github.com/OZVE/cuarta-avenida/archive/main.zip#dashboard-tab-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.