graphql-codegen
✓从 GraphQL 模式生成 TypeScript 类型和 React hook
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 |
从 GraphQL 模式生成 TypeScript 类型和 React hook 来源：pluginagentmarketplace/custom-plugin-graphql。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/pluginagentmarketplace/custom-plugin-graphql --skill graphql-codegen- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 graphql-codegen？
从 GraphQL 模式生成 TypeScript 类型和 React hook 来源：pluginagentmarketplace/custom-plugin-graphql。
如何安装 graphql-codegen？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/pluginagentmarketplace/custom-plugin-graphql --skill graphql-codegen 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/pluginagentmarketplace/custom-plugin-graphql
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01