skills.rest
amo-tech-ai
amo-tech-aiCOMMUNITY
Explore all skills by this author →
GitHub

dashboard-tab-ui

Create and customize tabbed UI components in Mercur dashboards with validation and i18n.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @mercurjs/dashboard-shared, and includes scripts (resource) components.

What problem does it solve?

The dashboard-tab-ui Skill addresses the challenge of creating or modifying tabbed workflows in Mercur admin or vendor dashboards. It streamlines the process of adding and managing tabs, ensuring a consistent, user-friendly experience.

Core Features & Use Cases

  • Tab Creation and Management: Simplify the process of creating and modifying tabs within Mercur dashboards.
  • Validation and Navigation: Ensures proper validation and smooth navigation within multi-step wizards.
  • i18n-Aware Conventions: Supports internationalization, making dashboards accessible in different languages.
  • Use Case: A team wants to add a new tab to the admin dashboard for a specific workflow. Using this Skill, they can create the tab with the appropriate structure and validation in place, enhancing the user experience.

Quick Start

Use the dashboard-tab-ui skill to add a new tab to the admin dashboard for managing customer orders.

Frequently Asked Questions about dashboard-tab-ui

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

FAQPage Schema
How do I add a new tab to a Mercur admin dashboard?▼

You can add a new tab to a Mercur admin dashboard by using a skill that streamlines tab creation, providing structured validation and smooth navigation for multi-step workflows.

What is the best way to manage tabbed workflows in Mercur vendor dashboards?▼

Managing tabbed workflows in Mercur vendor dashboards is best handled by a dedicated UI skill that simplifies tab creation and modification while ensuring a consistent user experience.

Do I need TabbedForm from @mercurjs/dashboard-shared to create dashboard tabs?▼

Yes, creating customized tabs requires the TabbedForm component from the @mercurjs/dashboard-shared dependency to properly structure and render the navigation in Mercur dashboards.

Can I build internationalized tabbed UI components for Mercur dashboards?▼

Yes, you can build internationalized tabbed UI components for Mercur dashboards using a skill that supports i18n-aware conventions, making your interfaces accessible in multi-language environments.

How does tab validation and navigation work in Mercur dashboard multi-step wizards?▼

Tab validation and navigation in Mercur dashboard multi-step wizards work by enforcing proper data validation and ensuring smooth transitions between structured tabbed UI components.

Related Skills

Explore More Software Engineering Skills→
OZVEOZVE

dashboard-tab-ui

Create tabbed UI forms in Mercur dashboards using TabbedForm.

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

dashboard-form-ui

Create and edit Mercur dashboard forms with React and react-hook-form validation.

Community
Intermediate
gerald-icagerald-ica

i18n

Validate i18n consistency across locale files and translation modules.

Community
Advanced
forgefabrikforgefabrik

forgefabrik-webui

Redesign ForgeFabrik dashboards into tabbed control grids with hash-router navigation.

Community
Advanced