Пошаговый туториал: как установить и использовать 2 агента, 8 команд для базы данных и MCP-сервер для автоматизации разработки под Supabase в Claude Code.
Стек Claude Code для Supabase
Claude Code Templates предлагает три готовых компонента для интеграции с Supabase:
1. Агенты:
» Supabase Schema Architect
Эксперт по проектированию БД, миграциям и RLS-политикам. Автоматически анализирует требования и генерирует продакшен-готовые схемы с упором на производительность.
» Supabase Realtime Optimizer
Специалист по WebSocket-оптимизации и real-time. Следит за соединениями, оптимизирует подписки и помогает держать масштабируемый real-time без деградации.
2. Команды:
» supabase-schema-sync
Синхронизация локальной и удаленной схемы, контроль версий и автоматическое обнаружение schema drift.
» supabase-migration-assistant
Генерация, управление и применение миграций БД с поддержкой rollback и разрешением конфликтов.
» supabase-performance-optimizer
Анализ производительности запросов, рекомендации по индексам и оптимизация операций БД под максимальную скорость.
» supabase-security-audit
Полный аудит безопасности, валидация RLS-политик и поиск уязвимостей с автофиксами.
» supabase-backup-manager
Автобэкапы по расписанию, процедуры восстановления и DR-планирование с тестированием.
» supabase-type-generator
Генерация TypeScript-типов из схемы БД, поддержка type safety и автообновление при изменениях схемы.
» supabase-data-explorer
Интерактивный просмотр данных, визуальный конструктор запросов и экспорт с фильтрацией.
» supabase-realtime-monitor
Мониторинг real-time соединений, трекинг производительности и диагностика WebSocket.
3. Supabase MCP Server. Прямая интеграция с Supabase API через MCP. Дает Claude Code нативный доступ к проекту: выполнение команд, работа со схемами и данными, управление real-time и безопасностью без лишних прослоек.
Перед установкой можно посмотреть все доступные компоненты Supabase на официальном сайте Claude Code Templates.
Зайди на aitmpl.com и найди supabase
Варианты установки
Есть несколько способов установить Supabase-стек для Claude Code. Выбирай тот, который лучше подходит под тебя:
1. Установка отдельных компонентов
# Установить конкретного агента
npx claude-code-templates@latest --agent database/supabase-schema-architect
# Установить конкретную Supabase-команду
npx claude-code-templates@latest --command database/supabase-schema-sync
# Установить MCP-сервер
npx claude-code-templates@latest --mcp database/supabase
Компоненты будут установлены в:
* 📁
.claude/commands/* 📁
.claude/agents/* 📁
.mcp.json2/ Создание глобальных агентов (доступны в любом проекте)
# Создать глобальных агентов, доступных из любого проекта
npx claude-code-templates@latest --create-agent database/supabase-schema-architect
npx claude-code-templates@latest --create-agent database/supabase-realtime-optimizer
# Показать список всех глобальных агентов
npx claude-code-templates@latest --list-agents
# Обновить глобального агента
npx claude-code-templates@latest --update-agent database/supabase-schema-architect
# Удалить глобального агента
npx claude-code-templates@latest --remove-agent database/supabase-realtime-optimizer