amplify-workflow

Build full-stack applications with AWS Amplify Gen2 TypeScript code-first patterns.

19|3|Updated May 17, 2026
One-click install
npx skills add https://github.com/cline/skills --skill amplify-workflow-cline
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: amplify-workflow
Source: https://github.com/cline/skills/tree/main/skills/amplify-workflow
Command: npx skills add https://github.com/cline/skills --skill amplify-workflow-cline

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Building full-stack applications with AWS Amplify Gen2 requires navigating TypeScript code-first patterns, framework-specific configurations, and deployment workflows. This skill eliminates guesswork by providing validated, version-specific guidance for backend resource creation, frontend integration across multiple frameworks, and production deployment.

Core Features & Use Cases

  • Backend Resource Definition: Create authentication (Cognito), data models (AppSync/DynamoDB), storage (S3), functions, and AI features using Amplify's TypeScript define patterns with proper authorization rules.
  • Multi-Framework Frontend Integration: Connect React, Next.js, Vue, Angular, React Native, Flutter, Swift, and Android applications to Amplify backends with framework-specific Amplify.configure() placement and directory structures.
  • Deployment & CI/CD: Set up local sandbox environments, branch-based production deployments, custom domains, secrets management, and Amplify Hosting configurations.

Quick Start

Use the amplify-workflow skill to build and deploy a full-stack application with AWS Amplify Gen2 by selecting your target framework, scaffolding the project structure, and defining backend resources like authentication and data models in TypeScript.

Frequently Asked Questions about amplify-workflow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up backend resources in AWS Amplify Gen2?

Define backend resources in AWS Amplify Gen2 using a TypeScript code-first approach. Create authentication, data models, storage, functions, and AI features with define patterns and proper authorization rules.

How do I configure AWS Amplify Gen2 for React or Next.js?

Configure AWS Amplify Gen2 for React or Next.js by placing Amplify.configure() in framework-specific directory structures. Validated patterns ensure correct frontend integration and prevent common configuration errors.

How do I deploy an AWS Amplify Gen2 app to production?

Deploy an AWS Amplify Gen2 app to production using branch-based CI/CD workflows. Configure local sandbox environments, custom domains, secrets management, and Amplify Hosting for full-stack deployment.

Can I use AWS Amplify Gen2 with React Native and Flutter?

AWS Amplify Gen2 supports frontend integration for React Native, Flutter, Swift, and Android applications. Connect mobile clients to backends using framework-specific Amplify.configure() placement and directory structures.

What is the difference between AWS Amplify Gen1 and Gen2?

AWS Amplify Gen2 uses a TypeScript code-first approach for backend definition, replacing CLI-centric workflows. Define authentication, data, and AI features programmatically with validated patterns for sandbox and CI/CD deployment.

Why does my frontend fail to connect to my AWS Amplify Gen2 backend?

Frontend connection failures with AWS Amplify Gen2 often stem from incorrect Amplify.configure() placement. Apply framework-specific directory structures and validated patterns to prevent common configuration errors.