Medusa Admin UI Customization

•
197
•

Builds and extends the Medusa Admin dashboard using standardized UI components, design patterns, and data-loading best practices.

This skill provides comprehensive guidance for developers extending the Medusa Admin dashboard, covering everything from custom widgets and pages to complex data tables and forms. It enforces critical architectural patterns—such as the mandatory separation of display queries from modal queries—to ensure UI persistence and a seamless user experience. By leveraging the Medusa JS SDK and Medusa UI design system, it helps developers implement production-grade administrative interfaces that maintain state correctly and adhere to official styling conventions, filling the gap where standard documentation and MCP servers lack specific implementation patterns.

主な機能

01Implementation of custom dashboard widgets and dedicated admin UI routes
02Advanced data selection patterns for both small and large datasets
03Enforced Medusa UI design system compliance with semantic styling
04Optimized form workflows using FocusModals for creation and Drawers for editing
05Standardized data loading patterns using Medusa JS SDK and TanStack Query
06197 GitHub stars

ユースケース

01Implementing complex data tables with search, filtering, and selection capabilities
02Building bespoke admin pages to manage custom entities or external integrations
03Creating custom analytics or management widgets for product and order pages