Search for code snippet + add to file

Pre-requisites

You must have NPX and uvx installed on your computer. If you already have it installed, skip the below section and go to MCP Setup.

NPX installation instructions

1. Install Node.js (which includes npm and npx): Go to the Node.js download page: https://nodejs.org/

2. Verify that Node.js, npm, and npx are installed. Open your terminal and run: 

   node -v
   npm -v
   npx -v

3. If they’re installed, you should see version numbers appear. 

UVX installation instructions

1. Open Terminal and run the following command

   curl -Ls https://astral.sh/uv/install.sh | sh

2. Check it’s working by running the following command

   uvx --help

MCP Setup

You’ll be using the DuckDuckGo MCP server and filecontext MCP server for this flow.

1. Open Saga and navigate to Settings. If you can’t find Settings, click on the Saga icon in your dock first.

   

   

2. Scroll to MCP Setup. Click Set up MCPs.

3. Copy the following configuration into the MCP Configuration textbox.

   {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": [
           "-y",
           "@modelcontextprotocol/server-filesystem",
           "/Users/username/Desktop",
           "/path/to/other/allowed/dir"
         ]
       },
    "ddg-search": {
               "command": "uvx",
               "args": ["duckduckgo-mcp-server"]
           }
     }
   }

4. Replace the placeholder text with the filepaths that you’re permitting Saga to access. See below for an example filled out configuration.

   {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": [
           "-y",
           "@modelcontextprotocol/server-filesystem",
           "/Users/sharonyeh/Downloads",
     "/Users/sharonyeh/Desktop",
   "/Users/sharonyeh/Documents/Saga"
         ]
       },
    "ddg-search": {
               "command": "uvx",
               "args": ["duckduckgo-mcp-server"]
           }
     }
   }

5. Click Save. 

6. Make sure the ddg-search and filesystem servers say Loaded under MCP Servers Status.

7. Now you’re ready to execute MCP actions! Click Let’s go! to start.

8. Have the Assistant search for something. 

   1. Example: “Use DuckDuckGo to find how to implement a streaming response from openAI for displaying on my react frontend.”

9. Assistant can deep dive into a given source and provide you with a summary or code snippet.

   1. Example: “Summarize the first source for me” OR “Provide the relevant code snippet to use from the second source.”

10. You can then save the summary or code snippet in a new or existing file.

    1. Example: “Save the summary in a file named ‘Streaming instructions’ in my Downloads folder.” OR “Append the code snippet to the file with ‘streaming’ in the name in my Downloads folder. Don’t replace existing content.”

Troubleshooting Common Issues

Note that MCP is a relatively new concept and the quality of response largely depends on the quality of the MCP servers themselves.

1. Search is not using DuckDuckGo

   1. Make sure to say “Use DuckDuckGo to…” in your request.

   2. Ensure ddg-search is Loaded under MCP Settings. 

2. It’s overwriting existing content in my file

   1. Explicitly tell the Assistant to append content and not replace existing content.