skills.rest
medusajs
medusajsOFFICIAL
Explore all skills by this author →
Website𝕏@medusajsGitHub

building-admin-dashboard-customizations

Guide Medusa Admin dashboard UI planning with component and data-loading patterns.

208|26|Updated Jan 15, 2026
Search Tags:#patterns#dashboard#design-system#Medusa#data-loading#admin-ui
One-click install
npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-admin-dashboard-customizations
Source: https://github.com/medusajs/medusa-agent-skills/tree/main/plugins/medusa-dev/skills/building-admin-dashboard-customizations
Command: npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill guides the planning and implementation of Medusa Admin dashboard UI by providing design patterns, component usage guidelines, and data-loading best practices that MCP servers don't provide.

Core Features & Use Cases

  • Planning patterns for admin UI features: widgets, pages, forms, tables, navigation.
  • Component usage and design system guidance using Admin SDK and Medusa UI components.
  • Data loading patterns: separate display vs modal queries, loading states, and cache invalidation.
  • Reference-file guidance: load relevant references before implementing (data-loading, forms, display-patterns, typography, navigation).
  • When to load additional skills (e.g., building-with-medusa, building-storefronts) to cover backend and storefront tasks.

Quick Start

Review the admin UI patterns in this skill and load the recommended reference files under references/ (e.g., data-loading.md, forms.md, display-patterns.md) before coding.

Frequently Asked Questions about building-admin-dashboard-customizations

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

FAQPage Schema
What are the best practices for data loading in a Medusa admin dashboard?▼

Medusa admin dashboard data loading best practices involve separating display queries from modal queries, managing loading states, and handling cache invalidation to ensure reliable UI data handling.

How do I plan UI components for a Medusa admin dashboard extension?▼

Plan Medusa admin dashboard extensions by applying design system patterns for widgets, pages, forms, tables, and navigation using the Admin SDK and Medusa UI components for visual consistency.

Does this skill provide guidance on building admin forms and navigation?▼

Yes, this skill provides reference-file guidance for building admin forms and navigation, offering component usage guidelines and design patterns to structure dashboard UI features effectively.

When should I load additional skills for Medusa development?▼

Load additional skills like building-with-medusa or building-storefronts when your admin dashboard tasks require backend logic implementation or storefront integration beyond the admin UI.

What design patterns are recommended for Medusa admin widgets and pages?▼

Recommended design patterns for Medusa admin widgets and pages include following the Admin SDK guidelines, utilizing typography and display-pattern references, and structuring data loading to maintain consistent design.

Related Skills

Explore More Software Engineering Skills→
AdigunQAdigunQ

medusa

Guide building headless e-commerce platforms with Medusa, Node.js, and TypeScript.

Community
Advanced
medusajsmedusajs
208

storefront-best-practices

Guide ecommerce storefront architecture with navigation, cart, and Medusa integration patterns.

Official
Intermediate
tomtoto757tomtoto757
14

medusa-development

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

Community
Advanced
finsilabsfinsilabs
44

saleor-development

Develop and extend Saleor commerce platform via GraphQL API and webhooks.

Official
Intermediate