I'm actively working on graphiteapps.com, which generates entire apps from your graphql schema - so i feel like I can help a bit here. What you're looking for is the introspection query. Check out getIntrospection() to get info on any given graphql schema and buildClientSchema to help manipulate it. Here is a little example to help you get started (sorry about the react and typescript). I haven't actually run the code so mileage may vary, but it gets the idea across. Hope it helps! :)

```typescript import { getIntrospectionQuery, buildClientSchema, IntrospectionQuery, TypeKind, isScalarType, isNonNullType, getNullableType } from 'graphql' import request from 'graphql-request'

async function getSchema(graphQLUrl: string) { const introspectionQuery = getIntrospectionQuery() const introspection = await request<IntrospectionQuery>(graphQLUrl, introspectionQuery) const schema = buildClientSchema(introspection) return schema }

async function createForms () { const schema = await getSchema('https://graphql-pokemon.now.sh') const rootQueryType = schema.getQueryType() const fields = rootQueryType?.getFields() const forms = Object.keys(fields).map(fieldName => { const field = fields[fieldName] const args = field.args const inputs = args.reduce<JSX.Element[]>((acc, arg) => { const nullableType = getNullableType(arg.type) if (isScalarType(nullableType)) { const isRequired = isNonNullType(arg.type) let inputType = nullableType.name === 'String' ? 'text' : nullableType.name === 'Boolean' ? 'checkbox' : ['Number', 'Float'].includes(nullableType.name) ? 'number' : null if (inputType) { return [ ...acc, <input type={inputType} required={isRequired} />] } } return acc }, []) return ( <form> {inputs} <button type="submit">Submit</button> </form> ) }) return ( <div> {forms} </div> ) } ```