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