smithery.ai

cloudfront-error-handler

CloudFront?

First seen Mar 28, 2026

Installation

$ npx skills add https://smithery.ai

View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

routing-traffic-with-route53-and-cloudfront Similar name

aws/agent-toolkit-for-aws

Configures Amazon Route 53 to route traffic to a CloudFront distribution using a custom domain.…

4.6K installs

cloudfront Similar name

aws/agent-toolkit-for-aws

Configures Amazon CloudFront content delivery across six workflows: when to use CloudFront and …

3.4K installs

aws-cloudfront-cdn Similar name

aj-geddes/useful-ai-prompts

Distribute content globally using CloudFront with caching, security headers, WAF integration, a…

458 installs

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai

smithery-ai-cli 7.8K frontend-design 6.2K skill-creator 2.5K ck:ui-ux-pro-max 1.3K pdf 1.2K xlsx 966 pptx 894 docx 884 webapp-testing 1 web-design-reviewer 657

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared

Cursor Not declared

Codex Not declared

GitHub Copilot Not declared

Windsurf Not declared

Gemini CLI Not declared

Cline Not declared

OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

skill md SKILL.md 2,323 B
docs SUMMARY.md 278 B

History

Mar 28, 2026 First seen on skills.sh
Sep 9, 2026 First recorded snapshot · 1 installs

SKILL.md

CloudFrontエラー対応スキル

このスキルは、CloudFront経由で発生するエラーに対して体系的に対応し、問題を解決します。

利用可能なツール

web_fetch: CloudFront経由のHTTPレスポンス確認
playwright-browser: ブラウザ操作（User-Agent偽装含む）
bash: curlやnodeスクリプトによる検証
view: 関連コードの確認
rg: ログやコードの検索
edit: 必要な修正の実施

使用すべきタイミング

CloudFront配下の /api/* が 4xx/5xx を返す場合
CloudFront配下でフロントが読み込まれない場合
API GatewayやLambdaの統合エラーが疑われる場合

実行手順

1. CloudFront経由での疎通確認

curl -i https://<cloudfront-domain>/
curl -i https://<cloudfront-domain>/api/health

2. User-Agent偽装の検証

curl -i -A "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36" https://<cloudfront-domain>/

Playwrightで検証する場合はTLSエラー無視を有効にする:

const context = await browser.newContext({
  userAgent:
    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36',
  ignoreHTTPSErrors: true,
});

3. CloudFrontのオリジン確認

infrastructure/deploy/lib/constructs/frontend.ts の additionalBehaviors を確認
/api/* のオリジンが API Gateway か確認

4. Lambda配布物の確認

infrastructure/deploy/lib/constructs/backend.ts の Lambdaバンドル方法を確認
バンドルに依存関係が含まれるか検証

5. 依頼者への説明テンプレート

## エラー概要

**CloudFront URL**: <cloudfront-url>
**エラー内容**: <ステータスコードとメッセージ>

## 原因

<原因の説明>

## 対応内容

- <修正内容>

## 検証結果

- ✅ curl / Playwright で再確認

npx skills add https://smithery.ai