graphql-codegen
✓Generate TypeScript types and React hooks from GraphQL schemas
SKILL.md
Learn to use GraphQL Code Generator to automatically generate TypeScript types, React hooks, and more from your GraphQL schema and operations.
| typescript | Base types | All projects | | typescript-operations | Query/mutation types | All projects | | typescript-react-apollo | React hooks | React + Apollo | | typescript-urql | URQL hooks | React + URQL | | introspection | Schema JSON | Apollo Client |
| Types not updating | Stale cache | Delete generated folder | | Schema fetch fails | Auth required | Add headers to config | | Duplicate types | Multiple outputs | Use import-types preset | | Watch not working | Missing watcher | Install @parcel/watcher |
Generate TypeScript types and React hooks from GraphQL schemas Source: pluginagentmarketplace/custom-plugin-graphql.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/pluginagentmarketplace/custom-plugin-graphql --skill graphql-codegen- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is graphql-codegen?
Generate TypeScript types and React hooks from GraphQL schemas Source: pluginagentmarketplace/custom-plugin-graphql.
How do I install graphql-codegen?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/pluginagentmarketplace/custom-plugin-graphql --skill graphql-codegen Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/pluginagentmarketplace/custom-plugin-graphql
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01