AIKraft/AI/Войти
AIKraft/Skills/aws-amplify

aws-amplify

Создание и развертывание full-stack приложений с AWS Amplify Gen2 (TypeScript). Включает auth (Cognito), данные (AppSync/DynamoDB), хранение (S3), функции, API и AI (Amplify AI Kit с Bedrock). Используйте при упоминании Amplify Gen2, директории amplify/ или импортах @aws-amplify.

aws official Разработка ★ 2.8k

Что делает навык

Навык позволяет создавать и развертывать full-stack приложения с использованием AWS Amplify Gen2 на TypeScript, включая настройку бэкенда (auth, данные, хранение, функции, AI) и интеграцию с фронтендом. Он покрывает работу с ресурсами через директорию amplify/ и использование пакетов @aws-amplify/backend и aws-amplify.

Когда применять

  • Создание нового проекта с нуля, включая настройку бэкенда и выбор фронтенд-фреймворка.
  • Добавление или изменение функций бэкенда, таких как аутентификация (Cognito), модели данных (AppSync/DynamoDB) или хранение файлов (S3).
  • Интеграция существующего фронтенда (React, Next.js, Vue, Angular, React Native, Flutter, Swift) с ресурсами Amplify.
  • Развертывание приложения с использованием локального окружения (sandbox) или CI/CD (pipeline-deploy).
  • Добавление AI-функций с использованием Bedrock через Amplify AI Kit.

Как работает

  1. Определите тип задачи: создание нового проекта, добавление функции бэкенда, интеграция фронтенда или развертывание, и перейдите к соответствующей документации (scaffolding.md, backend-файлы, frontend-файлы, deployment.md).
  2. Настройте бэкенд, используя TypeScript-код в директории amplify/ (например, amplify/auth/resource.ts, amplify/data/resource.ts), применяя функции defineAuth, defineData, defineStorage и defineBackend.
  3. Сгенерируйте конфигурацию фронтенда, запустив npx ampx sandbox для создания файла amplify_outputs.json.
  4. Интегрируйте фронтенд, импортировав amplify_outputs.json и вызвав Amplify.configure() в правильной точке входа для выбранного фреймворка (например, src/main.tsx для React или app/layout.tsx для Next.js App Router).
  5. При необходимости добавьте UI-компоненты из @aws-amplify/ui-react или AI-компоненты из @aws-amplify/ui-react-ai.
  6. Разверните приложение, используя npx ampx pipeline-deploy для CI/CD или продолжая работу в локальном режиме sandbox.

Примеры запросов агенту

Создай новое full-stack приложение на React с аутентификацией по email и паролу, используя Amplify Gen2.
Добавь возможность загрузки файлов в S3 и отображения списка файлов в существующем Next.js приложении на Amplify Gen2.
Настрой бэкенд для хранения данных в DynamoDB с GraphQL-интерфейсом AppSync и подключи его к Vue-приложению.

Что понадобится

  • Node.js версии ^18.19.0 || ^20.6.0 || >=22 и npm
  • Настроенные учетные данные AWS (проверка через aws sts get-caller-identity)
  • Установленный CLI ampx (проверка через npx ampx --version)

Описание составлено по SKILL.md навыка, сверено 07.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «aws-amplify» из репозитория: # https://github.com/aws/agent-toolkit-for-aws
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r aws-amplify/ ~/.claude/skills/aws-amplify/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.

aws-amplify — навык для AI | AIKraft