Encore Фронтенд
Connect a frontend application (React, Next.js, Vue, Svelte, etc.) to an Encore.ts backend.
AIencoredev
official
Дизайн
Что делает навык
Навык обеспечивает интеграцию фронтенд-приложений (React, Next.js, Vue, Svelte) с бэкендом на Encore.ts путем генерации типизированного TypeScript-клиента. Он решает задачу автоматического создания интерфейсов для взаимодействия с API на основе определений бэкенда.
Когда применять
- Локальная разработка фронтенд-приложения с подключением к локальному экземпляру Encore
- Интеграция фронтенда с развернутой средой (например, staging)
- Создание типизированного клиента для безопасного вызова API-методов Encore из JavaScript/TypeScript кода
Как работает
- Выполнить команду encore gen client с указанием пути вывода (например, ./frontend/src/client.ts) и целевой среды (local или staging)
- Использовать сгенерированный файл клиента (client.ts) во фронтенд-приложении для вызова методов API
- Применять типизированные функции клиента для взаимодействия с бэкендом Encore
- Обеспечить корректную работу интерфейсов через автоматически сгенерированные типы на основе определений API
Примеры запросов агенту
Сгенерируй TypeScript-клиент для локальной разработки Encore и подключи его к моему React-проекту
Создай типизированный клиент Encore для среды staging и интегрируй его в Next.js приложение
Используй encore gen client для создания клиента API и покажи, как его использовать во фронтенде
Что понадобится
- Установленный Encore CLI
- Доступ к бэкенд-приложению Encore (локально или развернуто)
- Фронтенд-проект с поддержкой TypeScript
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «encore-frontend» из репозитория:
# https://github.com/encoredev/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r encore-frontend/ ~/.claude/skills/encore-frontend/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.