skills.rest
richardnroman
richardnromanCOMMUNITY
Explore all skills by this author →
GitHub

aws-amplify

Build and deploy full-stack applications with AWS Amplify Gen2 TypeScript backends.

Updated Jul 21, 2026
Search Tags:#typescript#deployment#full-stack#bedrock#appsync#cognito#aws amplify
One-click install
npx skills add https://github.com/richardnroman/Synthetic-Data-Exchange-Licensing-Platform --skill aws-amplify-richardnroman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aws-amplify
Source: https://github.com/richardnroman/Synthetic-Data-Exchange-Licensing-Platform/tree/main/.agents/skills/aws-amplify
Command: npx skills add https://github.com/richardnroman/Synthetic-Data-Exchange-Licensing-Platform --skill aws-amplify-richardnroman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @aws-amplify/backend, aws-amplify, @aws-amplify/ui-react, @aws-amplify/ui-react-ai, @aws-amplify/adapter-nextjs, and includes references (resource) components.

What problem does it solve? Building full-stack apps on AWS requires correctly wiring Cognito auth, AppSync/DynamoDB data, S3 storage, Lambda functions, and Bedrock AI across many frameworks, and small misconfigurations cause silent failures. This Skill provides validated, version-specific Amplify Gen2 patterns that prevent common mistakes. ## Core Features & Use Cases - Backend Resource Definition: Configure auth (email, social, SAML/OIDC, passwordless, MFA), data models with relationships and authorization rules, storage, functions, and AI routes via defineAuth, defineData, defineStorage, defineFunction, and defineBackend. - Cross-Framework Frontend Integration: Connect React, Next.js, Vue, Angular, React Native, Flutter, Swift, and Android clients to the generated amplify_outputs.json configuration. - Deployment Workflows: Run sandbox environments, set up CI/CD pipeline-deploy with IAM roles, manage secrets, custom domains, and multi-branch environments. - Use Case: Add owner-based authentication and a real-time Todo data model to a Next.js App Router project, then deploy it to a staging branch with an isolated backend. ## Quick Start Ask the AI to scaffold a new Amplify Gen2 project with React, add email authentication and a data model, then deploy it to a sandbox environment.

Frequently Asked Questions about aws-amplify

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

FAQPage Schema
How do I set up authentication with AWS Amplify Gen2?▼

Define auth in amplify/auth/resource.ts using defineAuth with loginWith options such as email, social providers, or passwordless OTP, then import it into amplify/backend.ts. On the frontend, use the Authenticator component from @aws-amplify/ui-react or the equivalent package for your framework.

How do I configure Amplify in a Next.js App Router project?▼

Create a ConfigureAmplifyClientSide client component that calls Amplify.configure(outputs, { ssr: true }) and render it in app/layout.tsx. Because layout.tsx is a server component, configuring Amplify directly there causes Auth UserPool not configured errors.

Does Amplify Gen2 support Flutter, Swift, and Android?▼

Yes, Amplify Gen2 supports Flutter, Swift, and Android through their native SDKs with Authenticator components for auth and Amplify.API for data operations. Run npx ampx generate graphql-client-code to produce typed model classes for these platforms.

Why does my Amplify build fail with a module-not-found error for amplify_outputs.json?▼

The amplify_outputs.json file is generated, not committed, so the build fails until it exists. Run npx ampx sandbox or npx ampx sandbox --once locally, or npx ampx pipeline-deploy in CI/CD, to generate it before compiling.

What is the difference between Amplify Gen2 and Gen1?▼

Gen2 uses a TypeScript code-first approach with an amplify/backend.ts file and defineBackend, while Gen1 uses the Amplify CLI with an amplify/.config directory. This Skill covers Gen2 only; Gen1 projects require a separate migration path.

Why do my Amplify AI routes fail with a TypeError at CDK assembly?▼

Conversation routes require allow.owner() authorization while generation routes require non-owner authorization such as allow.authenticated(). Mixing these asymmetric constraints causes a TypeError during CDK synthesis.

Related Skills

Explore More Software Engineering Skills→
awsaws
2.5k

signing-in-to-aws

Configures short-term AWS CLI credentials using the aws login command.

Official
Intermediate
mgd34msumgd34msu
4

aws-amplify

Deploy full-stack web applications to AWS Amplify with CI/CD pipelines.

Community
Intermediate
har1101har1101

check-app-stats

Retrieve application usage statistics and AWS Bedrock costs from CloudWatch Logs and Cost Explorer.

Community
Advanced
awslabsawslabs
856

aws-serverless-deployment

Automate AWS serverless deployments using SAM and CDK frameworks.

Official
Intermediate