スキル graphql-schema

📦

graphql-schema

Name: graphql-schema
Author: ChrisWiles

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

生成された型を使って GraphQL 操作を作成

GraphQL クライアント作業では、重複した操作、弱いエラーハンドリング、古くなった生成型が発生しがちです。このスキルは、一貫した .gql ファイル、Apollo 生成フック、codegen 手順、mutation UI の安全策をガイドします。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

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

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

エージェントリクエスト

Review the Skillstore skill "graphql-schema" from https://skillstore.io/skills/chriswiles-graphql-schema.md and its manifest at https://skillstore.io/api/skills/chriswiles-graphql-schema/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/chriswiles-graphql-schema.md 署名済み manifest GET /api/skills/chriswiles-graphql-schema/manifest 署名済み lockfile GET /api/skills/chriswiles-graphql-schema/lockfile

テストする

「graphql-schema」を使用しています。新しい items list query の追加依頼。

期待される結果:

専用の query file を作成し、type generation を実行し、生成された hook を import し、loading、error、empty states を処理する計画。

「graphql-schema」を使用しています。 create item form を GraphQL に接続する依頼。

期待される結果:

個別の operation file、生成された hook の使用、loading 中の送信無効化、success feedback、可視化された failure handling を含む mutation workflow。

「graphql-schema」を使用しています。 Apollo Client pull request のレビュー依頼。

期待される結果:

inline operation use、generated types、mutation safeguards、cache updates、fetch policy choices、optimistic update risks を網羅する review checklist。

セキュリティ監査

安全

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

Static alerts are false positives caused by Markdown backticks, GraphQL field names, and JSX property names. The only shell examples are hardcoded npm codegen commands with no dynamic input, secret handling, obfuscation, prompt injection, or exfiltration intent.

スキャンされたファイル

293

解析済み行数

レビュー項目

誤検知を無視

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

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

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/chriswiles-graphql-schema/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/chriswiles-graphql-schema/security.svg)](https://skillstore.io/skills/chriswiles-graphql-schema?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/chriswiles-graphql-schema?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/chriswiles-graphql-schema/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/chriswiles-graphql-schema.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形式の引用

ChrisWiles. (2026). graphql-schema security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/chriswiles-graphql-schema/audits/10

BibTeX形式の引用

@techreport{chriswiles-chriswiles-graphql-schema-2026,
  author = {ChrisWiles},
  title = {graphql-schema security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/chriswiles-graphql-schema/audits/10},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "graphql-schema security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
  - name: "ChrisWiles"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/chriswiles-graphql-schema/audits/10"
identifiers:
  - type: other
    value: "skillstore:chriswiles-graphql-schema:audit:10"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

型付きリスト Query を追加

.gql query ファイルを作成し、React のリスト画面で生成された hooks を利用します。

Mutation フォームを標準化

無効化された送信ボタン、loading states、toast feedback、必須の error handling を備えた mutations を実装します。

GraphQL クライアントパターンをレビュー

inline operations、codegen の欠落、弱い cache updates、安全でない optimistic updates について pull requests を確認します。

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

Query を作成

React のリスト画面向けに GraphQL query パターンを作成してください。.gql ファイル、codegen step、生成された hook usage を含めてください。

Mutation を追加

このフォーム向けに GraphQL mutation flow を設計してください。.gql operation、生成された hook usage、loading state、success feedback、onError handling を含めてください。

Query Options を選択

この GraphQL query usage をレビューし、ユーザー体験に適した fetch policy、skip logic、polling、retry behavior を推奨してください。

クライアント GraphQL パターンを監査

この機能の GraphQL client patterns を監査してください。inline operations、生成された hooks の欠落、弱い mutation handling、cache risks、安全でない optimistic updates を見つけてください。

ベストプラクティス

GraphQL operations は .gql files に保持し、operation を変更するたびに types を再生成します。
より強い type safety のため、raw Apollo hooks ではなく generated hooks を使用します。
すべての mutation を、loading、success、failure、duplicate-submit handling を伴うユーザーワークフローとして扱います。

回避

React コンポーネント内に gql literals を inline しないでください。
onError handling とユーザーに見える failure feedback なしで mutations を送信しないでください。
破壊的な actions や validation に失敗しやすい operations には optimistic updates を使用しないでください。

よくある質問

このスキルは GraphQL server schemas を生成しますか？

いいえ。client-side operations、generated hooks、Apollo Client usage patterns に焦点を当てています。

Apollo Client は必要ですか？

はい。examples と hooks は Apollo Client と GraphQL codegen setup を前提としています。

code generation を自動実行できますか？

project codegen scripts を実行するようエージェントに促すことはできます。ユーザーは先にローカルの npm scripts を確認する必要があります。

GraphQL schema validation の代替になりますか？

いいえ。client patterns を提供し、validation については既存の schema と codegen tooling に依存します。

どのような error handling を想定していますか？

Mutations には onError behavior、user feedback、loading state、duplicate submissions に対する保護を含めるべきです。

optimistic updates はいつ避けるべきですか？

destructive operations、validation-heavy actions、server-generated values、他のユーザーに影響する変更では避けてください。

開発者情報

作成者

ChrisWiles

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/ChrisWiles/claude-code-showcase/tree/main/.claude/skills/graphql-schema

参照

26421118b848d9f1efc0aa169d8a7a9e7e0a877e

メンテナンスの新しさ

2026/7/24

利用状況

6 ダウンロード · 231 閲覧

ファイル構成

信頼性の高い REST および GraphQL API を設計する

作成者 AutumnsGrove

API チームには、一貫したエンドポイント、認証、ドキュメントが必要です。このスキルは、REST、GraphQL、OpenAPI、バージョニング、セキュリティ設計の意思決定を支援します。

コーディング＆開発表示

graphql-schema

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

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

型付きリスト Query を追加

Mutation フォームを標準化

GraphQL クライアントパターンをレビュー

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

ベストプラクティス

回避

よくある質問

開発者情報

ChrisWiles のその他のスキル

systematic-debugging

react-ui-patterns

formik-patterns

core-components

testing-patterns

関連スキル

react-dev

senior-frontend

react-nextjs-development

convex-create-component

playwright-testing

api-designer