building-admin-dashboard-customizations

Name: building-admin-dashboard-customizations
Availability: InStock
Author: aydadevelop

Build custom Medusa Admin UI widgets, pages, and forms with Medusa UI components.

Updated Aug 23, 2026

Search Tags:#customization #ui components #sveltekit #admin ui #medusa #dashboard development

Ready to run

npx skills add https://github.com/aydadevelop/turborepo-starter --skill building-admin-dashboard-customizations-aydadevelop

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: building-admin-dashboard-customizations
Source: https://github.com/aydadevelop/turborepo-starter/tree/main/.agents/skills/medusa/building-admin-dashboard-customizations
Command: npx skills add https://github.com/aydadevelop/turborepo-starter --skill building-admin-dashboard-customizations-aydadevelop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides patterns and best practices for extending the Medusa Admin dashboard, enabling developers to build custom UI elements, pages, and features that go beyond the default interface.

Core Features & Use Cases

Custom UI Development: Build widgets, custom pages, forms, and data displays within the Medusa Admin.
Design System Adherence: Learn how to correctly use Medusa UI components, typography, and styling.
Data Handling Patterns: Implement efficient data loading, mutation, and cache invalidation strategies specific to the admin context.
Use Case: You need to add a new dashboard widget to the product details page that displays related products and allows users to select them. This Skill guides you through the data loading, UI component selection, and state management required.

Quick Start

Load the references/data-loading.md file before implementing any data fetching logic for your custom admin UI components.

Frequently Asked Questions about building-admin-dashboard-customizations

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

FAQPage Schema

How do I add custom widgets to the Medusa Admin dashboard?▼

You can add custom widgets to the Medusa Admin dashboard by following specific component patterns using the Admin SDK and Medusa UI components. This approach ensures proper data loading and adherence to the design system for seamless UI integration.

What is the best way to handle data loading for custom Medusa Admin pages?▼

Handling data loading for custom Medusa Admin pages requires separating data fetching for display elements and modal interactions. This Skill outlines efficient data loading strategies and proper cache invalidation techniques specific to the admin environment.

Can I use SvelteKit to build custom admin UI components in Medusa?▼

Yes, building custom admin UI components in Medusa utilizes SvelteKit alongside Medusa UI components and the Admin SDK. This Skill provides the necessary patterns for developing forms, custom pages, and widgets within the SvelteKit framework.

How do I manage cache invalidation when mutating data in the Medusa Admin UI?▼

Managing cache invalidation during data mutation in the Medusa Admin UI involves applying specific patterns to ensure interface accuracy. This Skill outlines the correct cache invalidation strategies and data handling techniques required for custom dashboard features.

Does customizing the Medusa Admin dashboard require knowledge of its design system?▼

Yes, customizing the Medusa Admin dashboard requires adherence to its design system for visual consistency. This Skill details the correct usage of Medusa UI components, typography, and styling to ensure custom interfaces match established design principles.