スキル Frontend API Client with JWT
📦

Frontend API Client with JWT

v1.0.0 コンテンツリビジョン r2 安全

Next.js向けJWT APIクライアントを構築

フロントエンドアプリは、トークン処理やエラー解析を重複して実装しがちです。このスキルは、Claude、Codex、またはClaude Codeが、JWTを意識したAPIクライアントを1つ設計できるように導きます。

対応: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "Frontend API Client with JWT" from https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt.md and its manifest at https://skillstore.io/api/skills/abdul-haseeb360-frontend-api-client-with-jwt/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/abdul-haseeb360-frontend-api-client-with-jwt.md 署名済み manifest GET /api/skills/abdul-haseeb360-frontend-api-client-with-jwt/manifest 署名済み lockfile GET /api/skills/abdul-haseeb360-frontend-api-client-with-jwt/lockfile

テストする

「Frontend API Client with JWT」を使用しています。 Next.jsダッシュボード向けにJWTを意識したクライアントを設計してください。

期待される結果:

  • 共有クライアントは、ベースURL処理、Authorization headers、タイムアウト、レスポンス解析を担うべきです。
  • トークンリフレッシュは並行リクエストに対して一度だけ実行し、成功後に対象リクエストを再試行するべきです。
  • 認証失敗時はセッション状態をクリアし、ユーザーをログインフローへ誘導するべきです。

「Frontend API Client with JWT」を使用しています。 信頼性の観点からトークンリフレッシュの挙動をレビューしてください。

期待される結果:

  • リクエスト前にトークンの有効期限を確認し、401レスポンスをリフレッシュのトリガー候補として扱います。
  • 多数のリクエストが同時に失敗した場合でも、複数のリフレッシュ呼び出しが同時に発生しないようにします。
  • リフレッシュ失敗、無効なトークン、ネットワークタイムアウト、権限拒否のシナリオをテストします。

「Frontend API Client with JWT」を使用しています。 フロントエンドのトークン処理に関するセキュリティ考慮事項を列挙してください。

期待される結果:

  • すべての認証付きリクエストでHTTPSを使用し、トークン値をログに記録しないようにします。
  • XSS、CSRF、サーバーレンダリング要件に基づいてストレージを選択します。
  • 機密性の高い診断情報をUIに出さず、ユーザーにとって安全なエラーメッセージを返します。

セキュリティ監査

安全
v10 • 2026/7/18 バージョン別レポートを開く

All six static detections are false positives caused by ordinary JWT, HTTP error-handling, React context, and testing language. SKILL.md provides conceptual defensive implementation guidance and contains no evidence of reconnaissance, data exfiltration, prompt injection, or harmful behavior.

1
スキャンされたファイル
171
解析済み行数
0
レビュー項目
0
誤検知を無視
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: claude 監査履歴を表示 →
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/abdul-haseeb360-frontend-api-client-with-jwt/security.svg)](https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/abdul-haseeb360-frontend-api-client-with-jwt/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/abdul-haseeb360-frontend-api-client-with-jwt.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学術引用 (APA · BibTeX · CFF)

APA形式の引用

Claude. (2026). Frontend API Client with JWT security audit report (audit version 10) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10

BibTeX形式の引用

@techreport{claude-abdul-haseeb360-frontend-api-client-with-jwt-2026, author = {Claude}, title = {Frontend API Client with JWT security audit report (audit version 10)}, institution = {Skillstore}, year = {2026}, number = {10}, url = {https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10}, note = {Author version 1.0.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "Frontend API Client with JWT security audit report (audit version 10)" version: "1.0.0" type: report authors: - name: "Claude" date-released: "2026-07-18" url: "https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10" identifiers: - type: other value: "skillstore:abdul-haseeb360-frontend-api-client-with-jwt:audit:10" description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
55
アーキテクチャ
100
保守性
87
コンテンツ
70
コミュニティ
65
仕様準拠

作成できるもの

共有APIレイヤーを作成する

リクエスト、レスポンス、エラー、認証の挙動を標準化する再利用可能なクライアントを計画します。

認証アーキテクチャをレビューする

Next.jsアプリが、トークンリフレッシュ、リダイレクト、サーバー/クライアント境界を一貫して扱っているか確認します。

認証テストカバレッジを設計する

有効なトークン、期限切れトークン、リフレッシュ失敗、並行リクエスト、エラーレスポンスに関するテストシナリオを特定します。

これらのプロンプトを試す

基本的なクライアントを計画する 
私のNext.jsアプリ向けに、シンプルで集中管理されたAPIクライアントを設計してください。JWTヘッダー付与、ベースURL処理、基本的なエラーレスポンスを含めてください。
トークンリフレッシュを追加する 
JWTの有効期限チェック、トークンリフレッシュ、リトライ動作、リフレッシュ失敗時のリダイレクト処理を含めて、私のAPIクライアント設計を拡張してください。
Reactでの利用をサポートする 
コンポーネント全体でトークン処理の一貫性を保ちながら、React hooksまたはcontextを通じてAPIクライアントを公開する方法を示してください。
アーキテクチャを監査する 
私が計画しているNext.js JWT APIクライアントについて、セキュリティ、パフォーマンス、並行処理、エラーハンドリング、テストカバレッジの不足をレビューしてください。

ベストプラクティス

  • トークン付与、リフレッシュ、エラー解析を1つの共有クライアントレイヤーに集約します。
  • トークンストレージを選ぶ前に、クライアントサイドとサーバーサイドの実行コンテキストをモデル化します。
  • 有効期限切れ、リフレッシュ失敗、並行リクエスト、認可エラーをテストします。

回避

  • Authorization headerのロジックを多数のコンポーネントに重複して実装しないでください。
  • 生のトークン値や機密性の高いサーバー詳細を、ログやUIエラーに公開しないでください。
  • ステータス、メソッド、リフレッシュ状態を確認せずに、すべての失敗リクエストを再試行しないでください。

よくある質問

このスキルは完全なAPIクライアントを生成しますか？
実装ガイダンスとアーキテクチャ用プロンプトを提供しますが、完全なソースパッケージは同梱していません。
Next.js App Routerで使用できますか？
はい。App Routerプロジェクトに関連するクライアントサイドとサーバーサイドの両方のコンテキストを扱います。
JWT認証が必要ですか？
はい。このスキルはJWTベースのアクセストークンとリフレッシュフロー向けに設計されています。
トークンストレージの選択に役立ちますか？
はい。Cookieやブラウザストレージなどの選択肢を比較できますが、最終的な選択は脅威モデルによって異なります。
エラーハンドリングも扱いますか？
はい。認証エラー、認可エラー、一般的なHTTPエラー、ネットワーク障害の処理を概説します。
テストに役立ちますか？
はい。トークン付与、リフレッシュ挙動、無効なトークン、並行リクエスト処理に関するテスト領域を列挙します。

開発者情報

作成者

Claude

ライセンス

MIT

作者バージョン

v1.0.0

Skillstore リビジョン

r2

リポジトリ

https://github.com/Abdul-Haseeb360/Hackathon-II-AI-Native-Systems/tree/main/.claude/skills/frontend-api-client

参照

80999bf530a7874d7bedf8ce202001ecb4c4f5e0

メンテナンスの新しさ

2026/7/21

利用状況

5 ダウンロード · 177 閲覧

ファイル構成

📄 SKILL.md

Claude のその他のスキル

関連スキル

すべて表示