Enhance MCP setup guide with Node.js installation recommendation and reordered steps

[devin-ai-integration]

Enhance MCP setup guide with Node.js installation recommendation and reordered steps

Summary

This PR enhances the Elementary MCP setup documentation by:

1. Enhanced Node.js/nvm Prerequisites: Expanded the basic nvm tip into comprehensive installation instructions with the curl command and step-by-step setup
2. Reordered Documentation Steps: Moved token generation (now section 1) before mcp-remote installation (section 2) to improve the logical flow

The changes maintain existing documentation style and ensure users have Node.js properly installed before proceeding with MCP setup steps.

Review & Testing Checklist for Human

• Verify nvm installation command is current: The curl command uses nvm v0.39.0 - check if this is the latest stable version
• Test documentation flow end-to-end: Follow the updated guide from start to finish to ensure the reordered steps make logical sense
• Review markdown formatting: Verify the enhanced prerequisites section renders correctly in the docs

---

Diagram

%%{ init : { "theme" : "default" }}%%
graph TD
    SetupGuide["docs/cloud/mcp/setup-guide.mdx"]:::major-edit
    DocsJson["docs/docs.json"]:::context
    Overview["docs/cloud/mcp/overview.mdx"]:::context
    Tools["docs/cloud/mcp/mcp-tools.mdx"]:::context
    
    SetupGuide --> |"References"| DocsJson
    Overview --> |"Links to"| SetupGuide
    Tools --> |"Related doc"| SetupGuide
    
    subgraph Changes["Key Changes"]
        Prerequisites["Enhanced Node.js/nvm<br/>installation instructions"]:::major-edit
        StepOrder["Reordered: Token generation<br/>before mcp-remote install"]:::major-edit
    end
    
    SetupGuide --> Prerequisites
    SetupGuide --> StepOrder
    
    subgraph Legend
        L1[Major Edit]:::major-edit
        L2[Minor Edit]:::minor-edit  
        L3[Context/No Edit]:::context
    end
    
    classDef major-edit fill:#90EE90
    classDef minor-edit fill:#87CEEB
    classDef context fill:#FFFFFF

Loading

Notes

• This is a documentation-only change with low technical risk but important for user experience
• The nvm version (v0.39.0) should be periodically updated to stay current
• Changes were requested in Linear ticket APP-1 by @MikaKerman
• Link to Devin session: https://app.devin.ai/sessions/5668904df9ad443bbf9231e800cfabac

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing Touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch enhance-mcp-setup-docs

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.