skills.rest
webiny
webinyOFFICIAL
Explore all skills by this author →
Website𝕏@WebinyCMSGitHub

webiny-admin-graphql-playground-catalog

Catalogs Webiny admin GraphQL playground abstractions with import paths and source references.

8.0k|673|Updated Jan 9, 2018
Search Tags:#catalog#admin#import#typeScript#Playground#webiny#graphqL
One-click install
npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-graphql-playground-catalog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webiny-admin-graphql-playground-catalog
Source: https://github.com/webiny/webiny-js/tree/main/skills/user-skills/generated/admin/graphql-playground
Command: npx skills add https://github.com/webiny/webiny-js --skill webiny-admin-graphql-playground-catalog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers extending the Webiny admin GraphQL playground often struggle to locate the correct abstraction, its exact import path, and its source file, leading to guesswork and broken imports.

Core Features & Use Cases

  • Abstraction Catalog: Lists four playground abstractions (AuthenticatedPlaygroundClientFactory, PlaygroundClient, PlaygroundClientFactory, PlaygroundTabRegistry) with exact import statements.
  • Source Mapping: Maps each abstraction to its source file in @webiny/app-graphql-playground so developers can read the exact interface and types.
  • Use Case: When building a custom GraphQL playground tab in a Webiny admin app, look up PlaygroundTabRegistry, read its source for the interface, and import it from "webiny/admin/graphql-playground".

Quick Start

Ask the AI to show the import path and source file for the PlaygroundTabRegistry abstraction in the Webiny admin GraphQL playground.

Frequently Asked Questions about webiny-admin-graphql-playground-catalog

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I import PlaygroundClient in a Webiny admin app?▼

Import PlaygroundClient from "webiny/admin/graphql-playground" using a standard ES import statement. Before using it, read the source file at @webiny/app-graphql-playground/features/playgroundClient/index.ts to confirm the exact interface and types.

What abstractions are available in the Webiny GraphQL playground?▼

Four abstractions are cataloged: AuthenticatedPlaygroundClientFactory, PlaygroundClient, PlaygroundClientFactory, and PlaygroundTabRegistry. The first three live in the playgroundClient feature, while PlaygroundTabRegistry lives in the tabRegistry feature.

Where is the PlaygroundTabRegistry source code located?▼

PlaygroundTabRegistry is defined in @webiny/app-graphql-playground/features/tabRegistry/index.ts. Reading that file gives you the exact interface and types needed to register custom playground tabs.

Can I use these playground abstractions outside a Webiny project?▼

No, these abstractions are part of the @webiny/app-graphql-playground package and depend on the Webiny admin application context. They are intended for extending Webiny-based projects, not standalone TypeScript applications.

Why must I read the source file before using an abstraction?▼

The catalog only provides names, import paths, and source locations, not full type definitions. Reading the referenced TypeScript source ensures you use the exact interface, method signatures, and types the abstraction exposes.

Related Skills

Explore More Software Engineering Skills→
fycd2006fycd2006

admin-developer

Build and wire admin features with React views, DI, and MobX.

Community
Advanced
hnabyz-bothnabyz-bot

moai-platform-firebase-auth

Automate Firebase Authentication integration across web and mobile apps.

Community
Advanced
webinywebiny
8.0k

backend-developer

Implement backend API features using Webiny architecture and GraphQL schemas.

Official
Advanced
simnovasimnova
18

apollo-server

Create GraphQL servers with Apollo Server 4.x and per-request context.

Official
Advanced