Complete workflow for deploying static sites to AWS with S3, CloudFront, and optional authentication.
/plugin marketplace add yaccp/claude-plugin-aws-docusaurus/plugin install yaccp-aws-docusaurus@yaccp-aws-docusaurusThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Complete workflow for deploying static sites to AWS with S3, CloudFront, and optional authentication.
AWS Docusaurus automates the entire process of deploying static sites (Docusaurus, Next.js, Vite, Hugo, etc.) to AWS infrastructure with:
This plugin supports multiple AWS environments:
Each environment can have its own:
Configure environments via /yaccp-aws-docusaurus:yaccp-aws-docusaurus-env or environment variables.
export PROJECT_NAME="my-docs"
export SITE_TITLE="My Documentation"
export SITE_URL="https://docs.example.com"
Then ask: "Initialize a Docusaurus project with AWS Docusaurus"
export SITE_NAME="my-docs"
export DOMAIN="docs.example.com"
export HOSTED_ZONE_ID="Z1234567890ABC"
export AWS_PROFILE="default"
export AWS_REGION="eu-west-3"
# Optional Basic Auth
export AUTH_USERNAME="admin"
export AUTH_PASSWORD="SecretPass123!"
Then ask: "Create AWS infrastructure with AWS Docusaurus"
export S3_BUCKET="my-docs"
export CLOUDFRONT_DISTRIBUTION_ID="E1234567890ABC"
export BUILD_COMMAND="npm run build"
export BUILD_DIR="build"
Then ask: "Deploy my site with AWS Docusaurus"
| Command | Description |
|---|---|
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-env | Manage AWS environments |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-init | Initialize Docusaurus project |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-infra | Create AWS infrastructure |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-deploy | Build and deploy site |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-status | Check infrastructure status |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-destroy-infra | Destroy AWS infrastructure |
/yaccp-aws-docusaurus:yaccp-aws-docusaurus-doctor | Diagnose issues |
┌─────────────────────────────────────────────────────────────────┐
│ WORKFLOW │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ INIT │────▶│ INFRA │────▶│ DEPLOY │ │
│ │ │ │ │ │ │ │
│ │ • Docusaurus│ │ • S3 Bucket │ │ • Build │ │
│ │ • Config │ │ • CloudFront│ │ • S3 Sync │ │
│ │ • deploy.sh │ │ • ACM Cert │ │ • Invalidate│ │
│ │ │ │ • Route53 │ │ │ │
│ │ │ │ • Lambda │ │ │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
│ │
│ │ │
│ ▼ │
│ ┌─────────────────┐ │
│ │ SITE LIVE │ │
│ │ https://domain │ │
│ └─────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────┘
┌─────────────┐
│ Route53 │
│ DNS Alias │
└──────┬──────┘
│
▼
┌───────────────────────────────────────────────────────────────┐
│ CloudFront CDN │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Lambda@Edge (viewer-request) - Basic Auth (optional) │ │
│ └─────────────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ ACM Certificate (HTTPS) - TLS 1.2+ │ │
│ └─────────────────────────────────────────────────────────┘ │
│ • HTTPS redirect • Gzip compression • Edge caching │
└───────────────────────────────────────────────────────────────┘
│
▼
┌───────────────────┐
│ S3 Bucket │
│ (Private - OAI) │
└───────────────────┘
| File Type | TTL | Cache-Control |
|---|---|---|
| JS, CSS, images | 1 year | max-age=31536000, immutable |
| HTML | 0 | max-age=0, must-revalidate |
| Service Worker | 0 | max-age=0, must-revalidate |
| sitemap.xml | 1 day | max-age=86400 |
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.