Sets up comprehensive GitHub Actions CI/CD workflows for modern web applications. This skill should be used when configuring automated lint, test, build, and deploy pipelines, adding preview URL comments on pull requests, or optimizing workflow caching. Use when setting up continuous integration, deployment automation, GitHub Actions, CI/CD pipeline, preview deployments, or workflow optimization.
View on GitHubhopeoverture/worldbuilding-app-skills
github-actions-ci-workflow
plugins/github-actions-ci-workflow/skills/github-actions-ci-workflow/SKILL.md
January 21, 2026
Select agents to install to:
npx add-skill https://github.com/hopeoverture/worldbuilding-app-skills/blob/main/plugins/github-actions-ci-workflow/skills/github-actions-ci-workflow/SKILL.md -a claude-code --skill github-actions-ci-workflowInstallation paths:
.claude/skills/github-actions-ci-workflow/# GitHub Actions CI Workflow Set up complete GitHub Actions workflows for continuous integration and deployment of worldbuilding applications. ## Overview To configure comprehensive CI/CD pipelines with GitHub Actions: 1. Analyze the project structure and dependencies 2. Generate workflow files for lint, test, build, and deploy stages 3. Configure caching strategies for node_modules, Next.js cache, and build artifacts 4. Add preview deployment with automatic URL comments on pull requests 5. Set up environment-specific deployment targets ## Workflow Structure Create the following workflow files in `.github/workflows/`: ### CI Workflow (`ci.yml`) To set up continuous integration: 1. Configure triggers for push to main/master and pull requests 2. Set up job matrix for multiple Node.js versions if needed 3. Add checkout, dependency installation with caching 4. Run linting (ESLint, Prettier, type checking) 5. Execute test suites with coverage reporting 6. Build the application to verify no build errors 7. Upload build artifacts for deployment jobs ### Deploy Workflow (`deploy.yml`) To set up continuous deployment: 1. Trigger on push to main/master branch 2. Download build artifacts from CI workflow 3. Deploy to target environment (Vercel, Netlify, AWS, etc.) 4. Set environment variables and secrets 5. Notify on deployment success/failure ### Preview Deployment (`preview.yml`) To set up preview deployments for pull requests: 1. Trigger on pull_request events 2. Build and deploy to preview environment 3. Generate unique preview URL 4. Comment preview URL on pull request using GitHub API 5. Clean up preview deployments when PR is closed ## Caching Strategy To optimize workflow performance: 1. Cache `node_modules` with dependency lock file as cache key 2. Cache Next.js build cache (`.next/cache`) for faster builds 3. Cache testing artifacts and coverage reports 4. Use `actions/cache@v3` with appropriate cache keys 5. Implement cache restoration fallbacks fo