NEW Browse AI tools across categories — updated daily. See what's new →

Building Admin Dashboard Customizations

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provid...

Authormedusajs
Version1.0.0
LicenseMIT
Token count~1,078
UpdatedJun 5, 2026

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations Implement widgets on existing pages or create custom UI routes;...

Install

Quick install

via npx skills · works with 57+ agents
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/HEAD/skills/building-admin-dashboard-customizations
Or pick agent:
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent claude-code
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent cursor
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent codex
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent opencode
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent github-copilot
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent windsurf
More install options

Shorthand — useful for multi-skill repos:

npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations

Manual — clone the repo and drop the folder into your agent's skills directory:

git clone https://github.com/medusajs/medusa-agent-skills.git
cp -r medusa-agent-skills/skills/building-admin-dashboard-customizations ~/.claude/skills/
How to use: Once installed, ask your agent to "use the building-admin-dashboard-customizations skill" or describe what you want (e.g. "Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa U"). Requires Node.js 18+.

building-admin-dashboard-customizations

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations Implement widgets on existing pages or create custom UI routes;...

building-admin-dashboard-customizationsby medusajs

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations Implement widgets on existing pages or create custom UI routes;...

npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-admin-dashboard-customizationsDownload ZIPGitHub

More skills from medusajs

storefront-best-practicesby medusajsALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart,…using-medusa-cloudby medusajsManages Medusa Cloud resources through the Cloud CLI (mcloud). Use when deploying, debugging deployments, managing environments, environment variables, or any…building-storefrontsby medusajsSDK-first frontend integration for Medusa storefronts with React Query patterns and critical API calling rules. Always use the Medusa JS SDK for all API requests—never use regular fetch(), as it lacks required headers (publishable API key for store routes, auth for admin routes) Pass plain JavaScript objects to SDK methods; never use JSON.stringify() on body parameters, as the SDK handles serialization automatically Use useQuery for GET requests and useMutation for POST/DELETE requests,...building-with-medusaby medusajsComprehensive guide for Medusa backend architecture, workflows, and critical implementation rules. Covers six rule categories (architecture, type safety, business logic placement, imports, data access, file organization) with specific anti-patterns and enforcement checks Enforces strict layer separation: Module → Workflow → API Route → Frontend, with workflows required for all mutations and only GET/POST/DELETE HTTP methods allowed Includes critical data handling rules: prices stored as-is...db-generateby medusajsGenerate database migrations for Medusa modules with a single command. Wraps the npx medusa db:generate CLI command to create migration files for specified Medusa modules Accepts module name as an argument and reports migration file location, errors, and next steps Automatically suggests running npx medusa db:migrate after generation to apply migrationsdb-migrateby medusajsExecute pending Medusa database migrations and report results. Runs npx medusa db:migrate via Bash to apply all pending migrations to your Medusa database Reports migration outcomes including count of applied migrations, any errors encountered, and success confirmation Designed for Medusa projects with standard npm/npx setuplearning-medusaby medusajsInteractive step-by-step Medusa development bootcamp where you build a brands feature while learning architecture patterns. Three progressive lessons (2–3 hours total) covering modules, workflows, API routes, module links, workflow hooks, and admin UI customization Checkpoint verification after each major component tests conceptual understanding, code quality, and functionality before proceeding Treats errors as teaching opportunities; debugs together with diagnostic questions and root-cause...mcloud-deploymentsby medusajsExecute mcloud deployments commands to list deployments, retrieve deployment details, and fetch build logs. Use when listing deployments, checking deployment…

---

Source: https://github.com/medusajs/medusa-agent-skills/tree/HEAD/skills/building-admin-dashboard-customizations
Author: medusajs
Discovered via: mcpservers.org

SKILL.md source

---
name: building-admin-dashboard-customizations
description: Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provid...
---

# building-admin-dashboard-customizations

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations Implement widgets on existing pages or create custom UI routes;...

# building-admin-dashboard-customizationsby medusajs
Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations Implement widgets on existing pages or create custom UI routes;...

`npx skills add https://github.com/medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations`Download ZIPGitHub

## More skills from medusajs
storefront-best-practicesby medusajsALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart,…using-medusa-cloudby medusajsManages Medusa Cloud resources through the Cloud CLI (mcloud). Use when deploying, debugging deployments, managing environments, environment variables, or any…building-storefrontsby medusajsSDK-first frontend integration for Medusa storefronts with React Query patterns and critical API calling rules. Always use the Medusa JS SDK for all API requests—never use regular fetch(), as it lacks required headers (publishable API key for store routes, auth for admin routes) Pass plain JavaScript objects to SDK methods; never use JSON.stringify() on body parameters, as the SDK handles serialization automatically Use useQuery for GET requests and useMutation for POST/DELETE requests,...building-with-medusaby medusajsComprehensive guide for Medusa backend architecture, workflows, and critical implementation rules. Covers six rule categories (architecture, type safety, business logic placement, imports, data access, file organization) with specific anti-patterns and enforcement checks Enforces strict layer separation: Module → Workflow → API Route → Frontend, with workflows required for all mutations and only GET/POST/DELETE HTTP methods allowed Includes critical data handling rules: prices stored as-is...db-generateby medusajsGenerate database migrations for Medusa modules with a single command. Wraps the npx medusa db:generate CLI command to create migration files for specified Medusa modules Accepts module name as an argument and reports migration file location, errors, and next steps Automatically suggests running npx medusa db:migrate after generation to apply migrationsdb-migrateby medusajsExecute pending Medusa database migrations and report results. Runs npx medusa db:migrate via Bash to apply all pending migrations to your Medusa database Reports migration outcomes including count of applied migrations, any errors encountered, and success confirmation Designed for Medusa projects with standard npm/npx setuplearning-medusaby medusajsInteractive step-by-step Medusa development bootcamp where you build a brands feature while learning architecture patterns. Three progressive lessons (2–3 hours total) covering modules, workflows, API routes, module links, workflow hooks, and admin UI customization Checkpoint verification after each major component tests conceptual understanding, code quality, and functionality before proceeding Treats errors as teaching opportunities; debugs together with diagnostic questions and root-cause...mcloud-deploymentsby medusajsExecute mcloud deployments commands to list deployments, retrieve deployment details, and fetch build logs. Use when listing deployments, checking deployment…

---

**Source**: https://github.com/medusajs/medusa-agent-skills/tree/HEAD/skills/building-admin-dashboard-customizations
**Author**: medusajs
**Discovered via**: mcpservers.org

Related skills 6