liaosw97 - 使用 Apollo Client DevTools 进行调试：
- 安装与集成：在开发环境中安装并集成 Apollo Client DevTools 浏览器扩展，以便于调试 Apollo Client 的操作和缓存状态。
- 查询与变更监控：利用 DevTools 监控所有 GraphQL 查询（Queries）、变更（Mutations）和订阅（Subscriptions）的请求与响应，包括变量、操作名称和返回数据。
- 缓存检查：检查 Apollo Client 的规范化缓存（Normalized Cache）内容，理解数据如何存储、更新和失效，有助于排查数据不一致问题。
- 性能分析：分析 GraphQL 请求的性能，识别潜在的瓶颈，例如慢查询或过多的网络请求。
- 错误诊断：查看 GraphQL 错误信息，快速定位后端或前端数据处理中的问题。
- 状态管理：观察组件如何与 Apollo Client 交互，以及数据流如何在应用中传递。
Apollo GRAPHQL Apollo Devtools by liaosw97 · 169bacc
npx skillmds@latest add liaosw97/apollo-graphql-apollo-devtools File contents
---name: apollo-graphql-apollo-devtoolsdescription: 建议使用 Apollo Client DevTools 进行调试---- **使用 Apollo Client DevTools 进行调试**： - **安装与集成**：在开发环境中安装并集成 Apollo Client DevTools 浏览器扩展，以便于调试 Apollo Client 的操作和缓存状态。 - **查询与变更监控**：利用 DevTools 监控所有 GraphQL 查询（Queries）、变更（Mutations）和订阅（Subscriptions）的请求与响应，包括变量、操作名称和返回数据。 - **缓存检查**：检查 Apollo Client 的规范化缓存（Normalized Cache）内容，理解数据如何存储、更新和失效，有助于排查数据不一致问题。 - **性能分析**：分析 GraphQL 请求的性能，识别潜在的瓶颈，例如慢查询或过多的网络请求。 - **错误诊断**：查看 GraphQL 错误信息，快速定位后端或前端数据处理中的问题。 - **状态管理**：观察组件如何与 Apollo Client 交互，以及数据流如何在应用中传递。
liaosw97/awesome-rules-skills/tree/main/plugins/apollo-graphql/skills/apollo-graphql-apollo-devtools commit 169bacce45
Frequently asked questions
Run npx skillmds@latest add liaosw97/apollo-graphql-apollo-devtools in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
建议使用 Apollo Client DevTools 进行调试 It is listed under Integrations & APIs on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.