docs: fix broken images to claude mcp

[tessamero]

Fix 2 broken images on the claude for desktop page

What does this PR do?

Fix broken images on claude for desktop page

BEFORE:

AFTER UPDATE:

Test Plan

(Write your test plan here. If you changed any code, please provide us with clear instructions on how you verified your changes work.)

Related PRs and Issues

(If this PR is related to any other PR or resolves any issue or related to any issue link all related PR and issues here.)

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

Summary by CodeRabbit

• Documentation
  • Replaced four screenshots in the Claude MCP integration guide with updated desktop visuals (header and inline images).
  • Corrected image references so screenshots render reliably across the site.
  • No functional changes; content-only refresh to improve accuracy and clarity for readers.

[coderabbitai]

Walkthrough

Replaced four image references in src/routes/integrations/mcp-claude/+page.markdoc: paths changed from /images/docs/mcp/claude/claude-mcp-tools.png and /images/docs/mcp/claude/claude-list-users.png to /images/docs/mcp/claude-desktop/claude-mcp-tools.png and /images/docs/mcp/claude-desktop/claude-list-users.png. Updates apply to the header images list and inline image occurrences. No other content, logic, control-flow, or exported/public entity declarations were modified.

Suggested reviewers

• ebenezerdon
• stnguyen90
• ChiragAgg5k

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title succinctly identifies the primary change—fixing broken documentation images for Claude MCP—and matches the changeset which updates image paths, so it is directly related and clear enough for teammates scanning history.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 66fe554 and 5bee2dc.

📒 Files selected for processing (1)

• src/routes/integrations/mcp-claude/+page.markdoc (3 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• src/routes/integrations/mcp-claude/+page.markdoc

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: tests
• GitHub Check: build

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

src/routes/integrations/mcp-claude/+page.markdoc (1)

21-22: Frontmatter still points to old image paths — update to claude-desktop.

This will otherwise keep previews/galleries broken.

Apply:

-    - /images/docs/mcp/claude/claude-mcp-tools.png
-    - /images/docs/mcp/claude/claude-list-users.png
+    - /images/docs/mcp/claude-desktop/claude-mcp-tools.png
+    - /images/docs/mcp/claude-desktop/claude-list-users.png

🧹 Nitpick comments (4)

src/routes/integrations/mcp-claude/+page.markdoc (4)

47-47: Wording: “Cursor” vs “Claude Desktop”.

The section configures Claude Desktop; heading should match.

-## Step 2: Configure the MCP server on Cursor
+## Step 2: Configure the MCP server on Claude Desktop

---

55-55: Casing nit: macOS.

-... `CMD + ,` on MacOS) ...
+... `CMD + ,` on macOS) ...

---

82-82: Alt text: make it descriptive for a11y.

-![Claude MCP Tools](/images/docs/mcp/claude-desktop/claude-mcp-tools.png)
+![Claude Desktop – MCP tools panel showing Appwrite tools](/images/docs/mcp/claude-desktop/claude-mcp-tools.png)

---

96-96: Alt text: make it descriptive for a11y.

-![Claude Desktop](/images/docs/mcp/claude-desktop/claude-list-users.png)
+![Claude Desktop – list users result](/images/docs/mcp/claude-desktop/claude-list-users.png)

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f4d1aac and 66fe554.

📒 Files selected for processing (1)

• src/routes/integrations/mcp-claude/+page.markdoc (2 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: tests
• GitHub Check: build

🔇 Additional comments (1)

src/routes/integrations/mcp-claude/+page.markdoc (1)

96-96: Second image path fix LGTM.

Matches the new claude-desktop asset location.