How does this skill handle TypeScript types?

It utilizes gql.tada to automatically infer TypeScript types directly from your GraphQL schema, providing end-to-end type safety without the need for manual code generation steps.

Is this skill specific to the Saleor API?

While it is optimized for Saleor's specific API patterns and error structures, the core principles of using gql.tada and urql can be applied to other GraphQL implementations.

How does it handle GraphQL errors?

The skill implements a repository pattern that wraps urql's CombinedError and Saleor-specific mutation errors into a unified error handling system for better debugging and UX.

Does it include support for testing?

Yes, it provides standardized patterns for setting up Mock Service Worker (MSW) handlers to mock GraphQL responses in unit and integration tests.

GraphQL Operations Developer

Name: GraphQL Operations Developer
Author: saleor

bysaleor

•

API Development

Automates the creation of type-safe GraphQL operations and repository patterns for Saleor API integrations using gql.tada and urql.

This skill streamlines the development of GraphQL-based data layers by enforcing project-specific conventions for type safety and organization. It guides developers through creating queries, mutations, and fragments using gql.tada for automatic TypeScript inference, implements robust error handling within the repository pattern, and facilitates testing with MSW mocks. It is particularly valuable for teams building complex Saleor integrations who need to maintain strict schema alignment and high-quality API interaction patterns.

Key Features

01Automated Saleor schema management and updates

02Robust error handling and retry logic configuration

03Standardized repository pattern implementation

04MSW mock generation for GraphQL testing

0522 GitHub stars

06Type-safe operation creation with gql.tada inference

Use Cases

01Integrating new Saleor API endpoints into a frontend application

02Refactoring existing GraphQL queries to improve type safety and error handling

03Setting up comprehensive integration tests for data-driven features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saleor/configurator writing-graphql-operations

For use in Claude.ai and ChatGPT

Download Skill