# building-admin-dashboard-customizations

Скилл обучает агента настраивать интерфейс панели Medusa: собирать виджеты, кастомные страницы и таблицы. Пригодится при расширении админки магазина.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 4400 установок · ★ 235
- Автор: medusajs
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/medusajs/medusa-agent-skills/tree/HEAD/plugins/medusa-dev/skills/building-admin-dashboard-customizations/SKILL.md
- Обновлён: 2026-10-21
- HTML: https://affpapa.org/nevibecode/skills/building-admin-dashboard-customizations

## Что делает

Этот скилл задаёт правила создания UI-расширений для панели Medusa Admin. Он описывает работу с компонентами библиотеки `@medusajs/ui`, структуру интерфейсных маршрутов и правильное связывание форм с сервером. Агент узнаёт, что стандартный `fetch()` здесь применять нельзя: любые сетевые запросы обязаны идти через Medusa JS SDK, иначе отвалятся сессионные заголовки авторизации.

Перед написанием кода скилл требует открыть файлы справок из каталога `references/` под конкретный тип задачи. Если проект собран на pnpm, разработчику придётся вручную поставить пакеты `@tanstack/react-query` и `react-router-dom` тех же версий, что использует дашборд. Цены в Medusa сохраняются десятичными числами, а не в центах: делить их на 100 нельзя, иначе витрина отобразит искажённые суммы. Это повод заранее перепроверить старые виджеты перед обновлением интерфейса.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/building-admin-dashboard-customizations/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/building-admin-dashboard-customizations/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/building-admin-dashboard-customizations/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/building-admin-dashboard-customizations/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install medusajs/medusa-agent-skills building-admin-dashboard-customizations
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/building-admin-dashboard-customizations/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/medusajs/medusa-agent-skills --path plugins/medusa-dev/skills/building-admin-dashboard-customizations
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/building-admin-dashboard-customizations/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add medusajs/medusa-agent-skills --skill building-admin-dashboard-customizations -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/medusajs/medusa-agent-skills/tree/HEAD/plugins/medusa-dev/skills/building-admin-dashboard-customizations/SKILL.md

## Когда брать
- Добавить кастомный виджет на страницу заказа или товара
- Настроить запросы через Medusa JS SDK без потери сессии
- Собрать модальное окно FocusModal для создания сущностей
- Отобразить таблицы данных с поиском и постраничной навигацией

## Примеры запросов агенту
- Создай виджет с дополнительными полями для страницы товара в админке Medusa
- Сделай кастомную страницу со списком заказов и таблицей DataTable
- Добавь Drawer-модалку для редактирования параметров клиента через Medusa SDK

## Похожие
- [admin-dashboard](https://affpapa.org/nevibecode/skills/admin-dashboard.md) — скилл · 323 установки
- [react-vite-dashboard](https://affpapa.org/nevibecode/skills/react-vite-dashboard.md) — скилл · 5500 установок
- [syncfusion-react-dashboard-layout](https://affpapa.org/nevibecode/skills/syncfusion-react-dashboard-layout.md) — скилл · 703 установки
- [building-components](https://affpapa.org/nevibecode/skills/building-components.md) — скилл · 14700 установок
- [ui-craft-dense-dashboard](https://affpapa.org/nevibecode/skills/ui-craft-dense-dashboard.md) — скилл · 1200 установок
- [shopify-polaris-admin-extensions](https://affpapa.org/nevibecode/skills/shopify-shopify-polaris-admin-extensions.md) — скилл · 9700 установок

Из того же набора: [medusajs/medusa-agent-skills](https://affpapa.org/nevibecode/by/medusajs/medusa-agent-skills.md) — 11 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md