tailwind-css
78レスポンシブな Tailwind CSS インターフェイスを構築する
Tailwind プロジェクトは、コンポーネント間やブレークポイント間で一貫性を失いやすくなります。このスキルは、レスポンシブなユーティリティクラス、テーマ設定、ダークモード、アクセシビリティチェックをガイドします。
型付き API クライアントを構築する
API クライアントには、一貫した認証、キャッシュ、検証、エラーハンドリングが必要です。このスキルは、TanStack Query、Axios、JWT インターセプター、Zod パース、オフライン動作をガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "api-client" from https://skillstore.io/skills/awais68-api-client.md and its manifest at https://skillstore.io/api/skills/awais68-api-client/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「api-client」を使用しています。 TanStack Query と Axios を使って新しい API client をセットアップしてください。
期待される結果:
「api-client」を使用しています。 refresh handling 付きの認証済み API requests を追加してください。
期待される結果:
「api-client」を使用しています。 paginated student data と attendance updates 用の hooks を構築してください。
期待される結果:
All static findings were adjudicated as false positives. The source is documentation-only; flagged backticks are Markdown fences or TypeScript template literals, network references describe expected API-client patterns, and environment examples use public API URL placeholders. No prompt injection, credential exfiltration intent, or malicious behavior was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/awais68-api-client/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/awais68-api-client?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/awais68-api-client?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/awais68-api-client/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/awais68-api-client.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Awais68. (2026). api-client security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/awais68-api-client/audits/9@techreport{awais68-awais68-api-client-2026,
author = {Awais68},
title = {api-client security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/awais68-api-client/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "api-client security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Awais68"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/awais68-api-client/audits/9"
identifiers:
- type: other
value: "skillstore:awais68-api-client:audit:9"
description: "Skillstore immutable audit report identifier"
新しい frontend プロジェクト向けに、共有 API クライアント、query providers、再利用可能な hooks をセットアップします。
JWT tokens を付与し、期限切れセッションを refresh し、認証に失敗した場合にユーザーをリダイレクトします。
一貫したキャッシュ、検証、エラーハンドリング、ページネーション、optimistic update パターンを文書化します。
TanStack Query と Axios を使って、React app 用の typed API client をセットアップしてください。caching defaults、retries、provider setup を含めてください。
Axios API client に JWT request headers と 401 refresh handling を追加してください。session、refresh、sign-out actions には既存の auth store を使用してください。
Zod schemas で responses を検証し、有用な error messages を表示し、components に typed data を返す reusable API hooks を作成してください。
production React API layer 向けに、paginated queries、optimistic mutations、offline detection、cancelable requests を設計してください。
作成者
Awais68ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 209 閲覧
ファイル構成
📄 SKILL.md
レスポンシブな Tailwind CSS インターフェイスを構築する
Tailwind プロジェクトは、コンポーネント間やブレークポイント間で一貫性を失いやすくなります。このスキルは、レスポンシブなユーティリティクラス、テーマ設定、ダークモード、アクセシビリティチェックをガイドします。
型付き React コンポーネントを構築する
React コンポーネントの作業では、一貫した構造、hooks、tests、stories、アクセシビリティチェックが必要になることがよくあります。このスキルは、Claude、Codex、Claude Code が型付きでテスト可能な React コンポーネントを作成できるように導きます。
安全な Next.js 認証を実装する
認証作業は仕様が不十分になりやすく、安全に実装するのが難しい領域です。このスキルは、フォーム、セッション、保護されたルート、ロールチェックについて Claude、Codex、Claude Code をガイドします。
SQLModel CRUD レイヤーの構築
リレーションシップや非同期セッションが関わる場合、SQLModel モデルと CRUD コードの設計には時間がかかることがあります。このスキルは、Claude、Codex、Claude Code に対して、モデル、クエリ、リレーションシップ、データベース設定をガイドします。
Pydantic と Zod でデータを検証する
検証ルールがレイヤー間でコピーされると、API とフォームはしばしばずれていきます。このスキルは、Claude、Codex、Claude Code に、共有スキーマ、明確なエラー、より安全な入力処理のための実践的なパターンを提供します。
認証とモデルを備えたFastAPIバックエンドの構築
FastAPIプロジェクトでは、ルート、スキーマ、認証、データベースセッション、CORSに一貫した構造が必要です。このスキルは、Claude、Codex、Claude Codeが保守しやすいバックエンドパターンを作成できるようにガイドします。
明確なパターンでReactフロントエンドを構築する
作成者 BrianDai22
フロントエンドチームは、Reactのパターンやファイル構成の議論に時間を取られがちです。このスキルは、Claude、Codex、Claude Codeに対して、一貫したReact TypeScript作業のための明確なガイドラインを提供します。
TypeScript のベストプラクティスを適用する
作成者 0xBigBoss
TypeScript プロジェクトは、弱い型、重複したスキーマ、壊れやすい状態モデルへと流れがちです。このスキルは、Claude、Codex、Claude Code をより安全な TypeScript パターンへ導きます。
検証済みフォームとAPIルートの構築
作成者 AayushBaniya2006
チームは機能ごとに、フォーム、バリデーション、CRUDルートのセットアップを繰り返しがちです。このskillは、Claude、Codex、Claude CodeにTypeScriptフォーム実装の一貫したパターンを提供します。
Catalyst-Relay API Endpointsを追加
作成者 Artisan-Edge
Catalyst-Relay routesを作成するには、一貫したschemas、handlers、registration、docsが必要です。このskillは、endpoint構造、Hono配線、response envelopes、client mapping、documentationを案内します。
Zod バリデーションスキーマを構築する
作成者 Barnhardt-Enterprises-Inc
バリデーションの不具合は、アプリケーション境界を弱くし、ユーザーエラーをわかりにくくします。このスキルは、TypeScript スキーマ、API バリデーション、変換、型付き結果のための実践的な Zod パターンを提供します。
Darkit Gin APIをより速く構築
作成者 DarkiT
Gin APIの構築では、認証、キャッシュ、ドキュメント、リアルタイムイベントのための設定を繰り返し行うことがよくあります。このスキルは、焦点を絞った例を通じて、Claude、Codex、Claude CodeにDarkit Ginのパターンを案内します。