security-headers について
Web アプリの HTTP セキュリティヘッダーを監査・設定するスキルです。開発者向けに、フレームワーク別の設定箇所の特定、既存ヘッダーの確認、修正案の作成と検証を行います。
主な機能
- 01Web フレームワークの検出
- 02既存ヘッダー設定の確認
- 03ベストプラクティスとの比較
- 04フレームワーク別の修正案作成
- 05ヘッダー設定の検証
- 067 種類の HTTP セキュリティヘッダーに対応
活用シーン
- 01Web アプリのセキュリティヘッダー監査
- 02不足または不適切なヘッダーの特定
- 03フレームワークに合わせた設定変更の作成
- 04修正後のヘッダー設定の検証
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ fusengine/ claude-plugins --skill security-headersインストール後、Claude Code で/security-headersを入力して読み込まれたか確認します。
詳細
このスキルでは、Web アプリケーションの HTTP セキュリティヘッダーを監査し、設定します。
Content-Security-Policy と Strict-Transport-Security(未設定の場合は重大度 HIGH)、
X-Content-Type-Options と X-Frame-Options(MEDIUM)、Referrer-Policy、
Permissions-Policy、X-XSS-Protection(LOW)が対象です。
フレームワーク(Next.js の next.config.js ヘッダー/middleware.ts、Laravel の SecurityHeaders ミドルウェア、Express の helmet、Django の SECURE_* 設定)を検出し、 現在の設定をベストプラクティスと照らし合わせ、フレームワーク固有の修正を生成して、 ヘッダーが適切に設定されていることを検証します。
セキュリティヘッダースキル
概要
Web アプリケーションの HTTP セキュリティヘッダーを監査し、設定します。
必須ヘッダー
| ヘッダー | 目的 | 未設定時の重大度 |
|---|---|---|
| Content-Security-Policy | XSS/インジェクションの防止 | HIGH |
| Strict-Transport-Security | HTTPS の強制 | HIGH |
| X-Content-Type-Options | MIME スニッフィングの防止 | MEDIUM |
| X-Frame-Options | クリックジャッキングの防止 | MEDIUM |
| Referrer-Policy | リファラー情報の制御 | LOW |
| Permissions-Policy | ブラウザー機能の制御 | LOW |
| X-XSS-Protection | レガシー XSS フィルター | LOW |
ワークフロー
- 検出 フレームワーク(Next.js、Laravel、Express など)
- 確認 現在のヘッダー設定
- 比較 セキュリティのベストプラクティスとの照合
- 生成 フレームワーク固有の設定
- 検証 ヘッダーが適切に設定されていること
検出箇所
| フレームワーク | 設定場所 |
|---|---|
| Next.js | next.config.js のヘッダー、middleware.ts |
| Laravel | SecurityHeaders ミドルウェア |
| Express | helmet ミドルウェア |
| Django | SECURE_* 設定 |
参考資料
コメント
Markdown 対応