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...
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
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/HEAD/skills/building-admin-dashboard-customizationsnpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent claude-codenpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent cursornpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent codexnpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent opencodenpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent github-copilotnpx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations --agent windsurfMore install options
Shorthand — useful for multi-skill repos:
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizationsManual — clone the repo and drop the folder into your agent's skills directory:
git clone https://github.com/medusajs/medusa-agent-skills.gitcp -r medusa-agent-skills/skills/building-admin-dashboard-customizations ~/.claude/skills/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
opensource-guide-coach
Use when a user wants guidance on starting, contributing to, growing, governing, funding, securing, or sustaining an open source project, or asks about contributor onboarding, community health, maintainer burnout, code of conduct, metrics, legal basics, or open source project adoption.
use-my-browser
Use when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevTools-selected elements or requests, logged-in dashboards or CMS flows, localhost apps, forms, uploads, downloads, media inspection, DOM or iframe inspection, Shadow DOM, or browser failures that look like soft 404s, auth walls, anti-bot checks, or rate limits.
ClickHouse / chdb-datastore
Drop-in pandas replacement with ClickHouse performance across 16+ data sources
Hugging Face / hugging-face-datasets
Create and manage datasets with configs and SQL querying
OpenAI / sentry
Inspect Sentry issues, summarize production errors, and pull health data
Redis / redis-development
Redis development best practices — data structures, query engine, vector search, caching, and performance optimization.