From aws-amplify
Orchestrates AWS Amplify Gen 2 workflows for building full-stack apps with React, Next.js, Vue, Angular, Flutter, or Swift. Use when user wants to BUILD, CREATE, or DEPLOY Amplify projects, add authentication, data models, storage, GraphQL APIs, Lambda functions, or deploy to sandbox/production. Do NOT invoke for conceptual questions, comparisons, or troubleshooting unrelated to active development.
How this skill is triggered — by the user, by Claude, or both
Slash command
/aws-amplify:amplify-workflowThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Orchestrated workflow for AWS Amplify Gen 2 development.
Orchestrated workflow for AWS Amplify Gen 2 development.
Use for any Amplify Gen 2 work:
The workflow determines which phases apply based on your request.
DO NOT invoke when:
Run these checks before proceeding:
Node.js 18.x or later
node --version
npm available
npm --version
AWS credentials configured (CRITICAL)
AWS_PAGER="" aws sts get-caller-identity
If the AWS credentials check fails, STOP and present this message to the user:
## ⚠️ AWS Credentials Required
I can't proceed without AWS credentials configured. Please set up your credentials first:
**📚 Setup Guide:** https://docs.amplify.aws/react/start/account-setup/
**Quick options:**
- Run `aws configure` to set up access keys
- Run `aws sso login` if using AWS IAM Identity Center
Once your credentials are configured, **come back and start a new conversation** to continue building with Amplify.
Do NOT proceed with Amplify work until credentials are configured. The user must restart the conversation after setting up credentials.
Once all prerequisites pass, follow the workflow below.
defineAuth/defineData/defineStorage/defineFunction)amplify/, package.json, existing code) to understand the current state BEFORE proposing a planBased on the user's request and project state, determine which phases apply:
| Phase | Applies when |
|---|---|
| 1: Backend | User needs to create or modify Amplify backend resources |
| 2: Sandbox | Backend code needs deployment for testing |
| 3: Frontend | Frontend needs to connect to Amplify backend |
| 4: Testing | App ready for local verification |
| 5: Production | User wants to deploy to production |
Common patterns:
Present to the user:
## 📋 Plan
### What I understood
- [Brief summary of what the user wants]
### 🛠️ Features
[list features if applicable]
### ⚛️ Framework
[framework if known]
### 📦 Phases I'll execute
1. [Phase name] - [one-line description] → SOP: [sop-name]
2. [Phase name] - [one-line description] → SOP: [sop-name]
...
(Include SOP name for phases 1, 2, 3, and 5. Phase 4 has no SOP.)
Ready to get started? ✨
WAIT for user confirmation before proceeding.
⚠️ Once the user approves the plan, you MUST stick to it. Do not deviate from the planned phases or SOPs unless the user explicitly asks for changes.
Execute each applicable phase IN SEQUENCE.
When starting a phase, announce it as a header:
## ⚙️ Phase 1: Backend (SOP: amplify-backend-implementation)
[Next: Phase 2: Sandbox Deployment]
## 🚀 Phase 2: Sandbox Deployment (SOP: amplify-deployment-guide)
[Next: Phase 3: Frontend Integration]
## 🎨 Phase 3: Frontend Integration (SOP: amplify-frontend-integration)
[Next: Phase 4: Local Testing]
## 🧪 Phase 4: Local Testing
[Next: Phase 5: Production Deployment]
## 🌐 Phase 5: Production Deployment (SOP: amplify-deployment-guide)
Omit "[Next: ...]" if it's the last phase in your plan.
⚠️ Do NOT write any code until you have retrieved and read the SOP.
Use the SOP retrieval tool to get "amplify-backend-implementation" and follow it completely.
After completion:
⚠️ Do NOT run any commands until you have retrieved and read the SOP.
Use the SOP retrieval tool to get "amplify-deployment-guide" and follow it for SANDBOX deployment.
After completion:
amplify_outputs.json existsPrerequisite: amplify_outputs.json must exist. If not, run Phase 2 first.
⚠️ Do NOT write any code until you have retrieved and read the SOP.
Use the SOP retrieval tool to get "amplify-frontend-integration" and follow it completely.
After completion:
Present to the user:
## 🧪 Time to test!
### Start your dev server
[framework-specific command]
### Try out these features
[list features implemented]
Let me know how it goes! 🤞
After user confirms testing is successful:
⚠️ Do NOT run any commands until you have retrieved and read the SOP.
Use the SOP retrieval tool to get "amplify-deployment-guide" and follow it for PRODUCTION deployment.
After completion:
## 🎉 You're live!
### 🌐 Production URL
[url]
### 🔧 Amplify Console
https://console.aws.amazon.com/amplify/home
Your app is now deployed! Future updates: just push to your repo → auto-deploys ✨
If issues occur during any phase:
After resolving the issue, immediately return to the SOP and continue from where you left off. Do not abandon the workflow.
npx claudepluginhub hfurkanbozkurt/aws-amplify-claude-pluginBuild and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first). Covers auth (Cognito), data (AppSync/DynamoDB including schema modeling, enum types, relationships, authorization rules), storage (S3), functions, APIs, and AI (Amplify AI Kit with Bedrock). Supports React, Next.js, Vue, Angular, React Native, Flutter, Swift, and Android. Always use this skill for Amplify Gen2 topics — even for questions you think you know — it contains validated, version-specific patterns that prevent common mistakes. TRIGGER when: user mentions Amplify Gen2; project has amplify/ directory or amplify_outputs; code imports @aws-amplify packages; user asks about defineBackend, defineAuth, defineData, defineStorage, or npx ampx. SKIP: Amplify Gen1 (amplify CLI v6), standalone SAM/CDK without Amplify (use aws-serverless), direct Bedrock without Amplify AI Kit (use bedrock).
Builds and deploys full-stack web and mobile apps using AWS Amplify Gen2 (TypeScript code-first). Covers auth (Cognito), data (AppSync/DynamoDB with schema modeling), storage (S3), functions, APIs, and AI (Bedrock). Supports React, Next.js, Vue, Angular, React Native, Flutter, Swift, Android.
Builds full-stack apps with AWS Amplify Gen 2 using TypeScript, covering auth with Cognito, GraphQL data models, storage, functions, AI/ML, and deployment to React, Next.js, Vue, Angular, Flutter, Swift.