Создание операций GraphQL с генерируемыми типами
Работа с GraphQL-клиентом часто приводит к дублированию операций, слабой обработке ошибок и устаревшим генерируемым типам. Этот навык помогает последовательно использовать файлы .gql, сгенерированные хуки Apollo, шаги codegen и защитные механизмы UI для мутаций.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу 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-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «graphql-schema». Запрос на добавление нового спискового запроса items.
Ожидаемый результат:
План, который создает отдельный файл запроса, запускает генерацию типов, импортирует сгенерированный хук и обрабатывает состояния загрузки, ошибки и пустого результата.
Использование «graphql-schema». Запрос на подключение формы создания item к GraphQL.
Ожидаемый результат:
Workflow мутации с отдельным файлом операции, использованием сгенерированного хука, отключением отправки во время загрузки, обратной связью при успехе и видимой обработкой ошибок.
Использование «graphql-schema». Запрос на ревью pull request с Apollo Client.
Ожидаемый результат:
Чеклист ревью, охватывающий использование inline-операций, генерируемые типы, защитные механизмы мутаций, обновления кэша, выбор fetch policy и риски optimistic updates.
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.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/chriswiles-graphql-schema/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/chriswiles-graphql-schema?utm_source=security_passport_badge)<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>ChrisWiles. (2026). graphql-schema security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/chriswiles-graphql-schema/audits/10@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}
}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"
Создавайте файлы запросов .gql и используйте сгенерированные хуки в экранах списков React.
Реализуйте мутации с отключенными кнопками отправки, состояниями загрузки, toast-уведомлениями и обязательной обработкой ошибок.
Проверяйте pull requests на inline-операции, отсутствующий codegen, слабые обновления кэша и небезопасные optimistic updates.
Создай паттерн GraphQL-запроса для экрана списка React. Включи файл .gql, шаг codegen и использование сгенерированного хука.
Спроектируй поток GraphQL-мутации для этой формы. Включи операцию .gql, использование сгенерированного хука, состояние загрузки, обратную связь при успехе и обработку onError.
Проверь это использование GraphQL-запроса и порекомендуй fetch policy, логику skip, polling и поведение retry для пользовательского опыта.
Проведи аудит этой функции на паттерны GraphQL-клиента. Найди inline-операции, отсутствующие сгенерированные хуки, слабую обработку мутаций, риски кэша и небезопасные optimistic updates.
Автор
ChrisWilesЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/ChrisWiles/claude-code-showcase/tree/main/.claude/skills/graphql-schemaСсылка
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
Актуальность поддержки
18.07.2026
Использование
6 загрузок · 231 просмотров
Структура файлов
📄 SKILL.md
Отладка кода с анализом первопричины
Баги тратят время, когда команды исправляют симптомы без доказательств. Этот навык проводит Claude, Codex и Claude Code через структурированную диагностику перед внесением изменений.
Создавайте устойчивые состояния UI в React
Интерфейсы React часто не показывают понятные состояния загрузки, ошибки, пустого результата и отправки. Этот навык дает практические паттерны для предсказуемого поведения асинхронного UI.
Создавайте надежные формы Formik
В формах Formik часто повторяется логика валидации, отображения ошибок и состояния отправки. Этот навык предоставляет лаконичные паттерны для переиспользуемых полей, схем Yup, отправки через GraphQL, форм редактирования и многошаговых потоков.
Создание согласованных базовых UI-компонентов
Несогласованные UI-компоненты замедляют работу над продуктом и приводят к визуальному расхождению. Этот навык помогает Claude, Codex и Claude Code использовать общие токены, макеты и паттерны компонентов.
Пишите более качественные Jest-тесты с переиспользуемыми паттернами
Unit-тесты часто становятся хрупкими, когда они дублируют настройку или детали реализации тестов. Этот skill предоставляет переиспользуемые Jest-паттерны для фабрик, моков, render helpers и TDD.
Создание типобезопасных компонентов React
от softaworks
Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.
Создание готовых к промышленной эксплуатации фронтенд-функций
от davila7
Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.
Создавайте современные приложения на React и Next.js
от sickn33
Проектам на React и Next.js часто нужны согласованные решения по настройке маршрутизации, компонентов, стилизации, данных, форм, тестов и развертывания. Этот навык дает Claude, Codex и Claude Code поэтапный рабочий процесс для планирования и разработки современных фронтенд-приложений.
Создание компонентов Convex
от get-convex
Компонентам Convex нужны четкое владение данными, функции-обертки и сгенерированные типы. Этот skill помогает проектировать компоненты, реализовывать их, подключать и проверять в проектах Convex.
Улучшение покрытия тестами Playwright
от C0ntr0lledCha0s
Наборы тестов Playwright могут становиться нестабильными, когда конфигурация, локаторы и фикстуры непоследовательны. Этот навык дает практические шаблоны для надежных браузерных тестов, отладки и переиспользуемых page objects.
Проектирование надежных REST и GraphQL API
от AutumnsGrove
Командам API нужны согласованные endpoints, аутентификация и документация. Этот skill помогает принимать решения по проектированию REST, GraphQL, OpenAPI, версионирования и безопасности.