skills.rest
aydadevelop
aydadevelopOFFICIAL
Explore all skills by this author →
GitHub

building-admin-dashboard-customizations

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
One-click install
npx skills add https://github.com/aydadevelop/turborepo-starter --skill building-admin-dashboard-customizations-aydadevelop
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
KaranKathur06KaranKathur06

building-admin-dashboard-customizations

Guide Medusa Admin dashboard customizations with TanStack Query data-loading patterns.

Community
Intermediate
NagyViktNagyVikt
2

building-admin-dashboard-customizations

Standardize Medusa Admin UI extensions with SDK-based data fetching and design system compliance.

Community
Advanced
tomtoto757tomtoto757
14

medusa-development

Extend Medusa v2 backends with custom services, subscribers, workflows, and API routes.

Community
Advanced
amo-tech-aiamo-tech-ai
2

medusa-ui-conformance

Monitor and enforce UI consistency in Medusa admin and vendor interfaces.

Community
Intermediate