Skip to main content Skills Marketplace Descubre y explora habilidades de IA creadas por la comunidad.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Mostrar detalles del prompt Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.
npx skills add https://github.com/a5c-ai/babysitter --skill graphql-mobileEl comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.
¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.
Descargar Zip Descargando... Más de este repositorio Reference for querying the Atlas knowledge graph through its MCP tools — the SECONDARY enrichment/comparison layer that adds best-practice context to systems you have ALREADY scanned from your real sources (`az`, repos, dirs). Use when you need to look up nodes, edges, kinds, clusters, stats, or wiki pages in Atlas to compare against your real inventory. (atlas graph, query atlas, atlas mcp, search the graph, graph neighbors, atlas record, atlas kinds, enrichment layer)
Atlas turns your STATED NEED into a real systems atlas by SCANNING your actual sources (Azure via `az`, git repos, local dirs) and process/data mining them, THEN enriching against the Atlas knowledge graph. Use this skill when asked to inventory/map your real systems, scan your cloud + repos + directories, mine the real processes or data they contain, or collect their real constraints/gotchas. (atlas, scan my systems, inventory our azure account, map my repos, real systems atlas, process mining, data mining, collect nuances, system discovery)
assimilate-popular-workflows This skill should be used when the user asks to "find skills in the wild", "assimilate popular workflows", "discover SKILL.md files in repos", "research external skills", "find workflow patterns", "survey the skill landscape", "what skills exist out there", or wants to investigate public repositories for extractable processes, babysitter plugins, and reusable procedural insights. Searches GitHub for SKILL.md files, classifies repos by archetype, and maintains structured research under docs/reference-repos/.
Explorador de archivos
2 archivos Ocupaciones relacionadas SOC
Basado en la clasificación ocupacional SOC
name GraphQL Mobile description GraphQL client integration for mobile applications version 1.0.0 category API Integration slug graphql-mobile status active graph {"domains":["domain:mobile"],"specializations":["specialization:mobile-development"],"skillAreas":["skill-area:react-native-development","skill-area:data-fetching-caching"],"roles":["role:mobile-engineer"],"workflows":["workflow:feature-development","workflow:release-management"],"topics":["topic:accessibility"]}
GraphQL Mobile Skill
Overview
This skill provides GraphQL client integration capabilities for mobile applications. It enables configuration of Apollo Client, code generation, caching strategies, and real-time subscriptions.
Allowed Tools
bash
read - Analyze GraphQL schemas and queries
write - Generate typed operations and configurations
edit - Update GraphQL implementations
glob - Search for GraphQL files
grep - Search for patterns
Capabilities
Apollo Client (React Native)
Client Configuration
Configure Apollo Client
Set up HTTP and WebSocket links
Configure authentication
Handle error policies
Caching
Configure InMemoryCache
Implement type policies
Handle cache normalization
Configure persistence
Code Generation
GraphQL Codegen
Generate TypeScript types
Generate React hooks
Generate fragments
Handle custom scalars
Flutter GraphQL
graphql_flutter
Configure GraphQL client
Implement queries and mutations
Handle subscriptions
Configure caching
Native Clients
Apollo iOS
Configure Apollo iOS client
Generate Swift types
Handle caching
Implement subscriptions
Apollo Android
Configure Apollo Kotlin client
Generate Kotlin types
Handle normalized cache
Real-time
Subscriptions
Configure WebSocket links
Handle reconnection
Implement subscription hooks
Manage active subscriptions
Target Processes
graphql-apollo-integration.js - GraphQL implementationoffline-first-architecture.js - Offline cachingmobile-performance-optimization.js - Query optimization
Dependencies
Apollo Client
GraphQL Codegen
Platform-specific GraphQL libraries
Usage Examples
Apollo Client Setup (React Native)
import { ApolloClient , InMemoryCache , createHttpLink, split } from '@apollo/client' ;
import { GraphQLWsLink } from '@apollo/client/link/subscriptions' ;
import { getMainDefinition } from '@apollo/client/utilities' ;
import { setContext } from '@apollo/client/link/context' ;
import { createClient } from 'graphql-ws' ;
import AsyncStorage from '@react-native-async-storage/async-storage' ;
import { AsyncStorageWrapper , CachePersistor } from 'apollo3-cache-persist' ;
const httpLink = createHttpLink ({
uri : 'https://api.example.com/graphql' ,
});
const wsLink = new GraphQLWsLink (
createClient ({
url : 'wss://api.example.com/graphql' ,
connectionParams : async () => {
const token = await AsyncStorage .getItem ('authToken' );
return { authorization : token ? `Bearer ${token} ` : '' };
},
})
);
const authLink = setContext (async (_, { headers }) => {
const token = await AsyncStorage .getItem ('authToken' );
return {
headers : {
...headers,
authorization : token ? `Bearer ${token} ` : '' ,
},
};
});
const splitLink = split (
({ query } ) => {
const definition = getMainDefinition (query);
return definition.kind === 'OperationDefinition' && definition.operation === 'subscription' ;
},
wsLink,
authLink.concat (httpLink)
);
const cache = new InMemoryCache ({
typePolicies : {
Query : {
fields : {
posts : {
keyArgs : false ,
merge (existing = [], incoming ) {
return [...existing, ...incoming];
},
},
},
},
},
});
export const persistor = new CachePersistor ({
cache,
storage : new AsyncStorageWrapper (AsyncStorage ),
});
export const client = new ApolloClient ({
link : splitLink,
cache,
defaultOptions : {
watchQuery : {
fetchPolicy : 'cache-and-network' ,
},
},
});
GraphQL Codegen Configuration
schema: https://api.example.com/graphql
documents: 'src/**/*.graphql'
generates:
src/generated/graphql.ts:
plugins:
- typescript
- typescript-operations
- typescript-react-apollo
config:
withHooks: true
withComponent: false
withHOC: false
skipTypename: false
dedupeFragments: true
Query Hook Usage
import { usePostsQuery, useCreatePostMutation } from '../../../generated/graphql' ;
export function usePosts (const { data, loading, error, refetch, fetchMore } = usePostsQuery ({
variables : { first : 10 },
notifyOnNetworkStatusChange : true ,
});
const [createPost] = useCreatePostMutation ({
update (cache, { data } ) {
cache.modify ({
fields : {
posts (existingPosts = [] ) {
const newPostRef = cache.writeFragment ({
data : data?.createPost ,
fragment : PostFragmentDoc ,
});
return [newPostRef, ...existingPosts];
},
},
});
},
optimisticResponse : (variables ) => ({
__typename : 'Mutation' ,
createPost : {
__typename : 'Post' ,
id : 'temp-id' ,
title : variables.title ,
body : variables.body ,
createdAt : new Date ().toISOString (),
},
}),
});
const loadMore = (if (data?.posts .pageInfo .hasNextPage ) {
fetchMore ({
variables : {
after : data.posts .pageInfo .endCursor ,
},
});
}
};
return {
posts : data?.posts .edges .map ((e ) => e.node ) ?? [],
loading,
error,
refetch,
loadMore,
createPost,
};
}
Apollo iOS Setup
import Apollo
import ApolloWebSocket
class Network {
static let shared = Network ()
private(set) lazy var apollo: ApolloClient = {
let store = ApolloStore (cache: InMemoryNormalizedCache ())
let provider = DefaultInterceptorProvider (store: store)
let url = URL (string: "https://api.example.com/graphql" )!
let transport = RequestChainNetworkTransport (
interceptorProvider: provider,
endpointURL: url
)
return ApolloClient (networkTransport: transport, store: store)
}()
}
Quality Gates
Type safety via codegen
Query complexity limits
Cache consistency verified
Subscription reconnection tested
Related Skills
rest-api-integration - REST integrationoffline-storage - Offline cachingfirebase-mobile - Firebase alternative
Version History 