diff --git a/docs/gram/examples/assets/add-function-to-toolset.png b/docs/gram/examples/assets/add-function-to-toolset.png new file mode 100644 index 00000000..2c58bb29 Binary files /dev/null and b/docs/gram/examples/assets/add-function-to-toolset.png differ diff --git a/docs/gram/examples/assets/configure-resend-api-key.png b/docs/gram/examples/assets/configure-resend-api-key.png new file mode 100644 index 00000000..e42729b1 Binary files /dev/null and b/docs/gram/examples/assets/configure-resend-api-key.png differ diff --git a/docs/gram/examples/assets/fill-env-vars-toolset.png b/docs/gram/examples/assets/fill-env-vars-toolset.png new file mode 100644 index 00000000..09309dff Binary files /dev/null and b/docs/gram/examples/assets/fill-env-vars-toolset.png differ diff --git a/docs/gram/examples/assets/gram-new-project.png b/docs/gram/examples/assets/gram-new-project.png new file mode 100644 index 00000000..d818897d Binary files /dev/null and b/docs/gram/examples/assets/gram-new-project.png differ diff --git a/docs/gram/examples/assets/mcp-details.png b/docs/gram/examples/assets/mcp-details.png new file mode 100644 index 00000000..9f604cd1 Binary files /dev/null and b/docs/gram/examples/assets/mcp-details.png differ diff --git a/docs/gram/examples/assets/set-env-vars.png b/docs/gram/examples/assets/set-env-vars.png new file mode 100644 index 00000000..4595047b Binary files /dev/null and b/docs/gram/examples/assets/set-env-vars.png differ diff --git a/docs/gram/examples/assets/testing-the-send-email-function.png b/docs/gram/examples/assets/testing-the-send-email-function.png new file mode 100644 index 00000000..0233adc4 Binary files /dev/null and b/docs/gram/examples/assets/testing-the-send-email-function.png differ diff --git a/docs/gram/examples/assets/toolset-created.png b/docs/gram/examples/assets/toolset-created.png new file mode 100644 index 00000000..710f63b0 Binary files /dev/null and b/docs/gram/examples/assets/toolset-created.png differ diff --git a/docs/gram/examples/creating-taskmaster-mcp-server.mdx b/docs/gram/examples/creating-taskmaster-mcp-server.mdx index 9706bb66..07a44cd3 100644 --- a/docs/gram/examples/creating-taskmaster-mcp-server.mdx +++ b/docs/gram/examples/creating-taskmaster-mcp-server.mdx @@ -18,7 +18,7 @@ You can try out Taskmaster [here](https://taskmaster-speakeasyapi.vercel.app/). Taskmaster is a full-stack CRUD application for tasks and projects. It includes: - A web UI for managing projects and tasks -- A built-in HTTP API +- A built-in HTTP API - OAuth 2.0 authentication - A Neon PostgreSQL database for storing tasks and projects @@ -35,11 +35,11 @@ To follow this tutorial, you need: ## Setting up a Gram project -In the [Gram dashboard](https://app.getgram.ai), click **New Project** to start the guided setup flow for creating a toolset and MCP server. +On the [Gram dashboard](https://app.getgram.ai), click your username in the bottom-left corner and then open the projects dropdown. Select **+ New Project**, enter a project name, and click **Submit**. -![Screenshot of the Gram dashboard showing the New Project link](/assets/docs/gram/img/guides/build-mcp/create-taskmaster-mcp-server/gram-new-project.png) +![Screenshot of the Gram dashboard showing the New Project link](./assets/gram-new-project.png) -Enter a project name and click **Submit**. +Click **Get Started** and select **Start from API** to start the guided setup flow for creating a toolset and MCP server. Gram will then guide you through the following steps: @@ -51,7 +51,7 @@ Upload the [Taskmaster OpenAPI document](https://github.com/speakeasy-api/taskma ### 2. Create a toolset -Give your toolset a name (for example, `Taskmaster`) and click **Continue**. +Give your toolset a name (for example, `Taskmaster`) and click **Continue**. ![Screenshot of the create toolset dialog](/assets/docs/gram/img/guides/build-mcp/create-taskmaster-mcp-server/create-toolset.png) @@ -67,7 +67,7 @@ Gram then creates the toolset from the OpenAPI document. Click **Toolsets** in the sidebar to view the **Taskmaster** toolset. -![Screenshot of the Gram dashboard showing the Taskmaster toolset](/assets/docs/gram/img/guides/build-mcp/create-taskmaster-mcp-server/toolset-created.png) +![Screenshot of the Gram dashboard showing the Taskmaster toolset](./assets/toolset-created.png) As you can see, the toolset needs environment variables before you can use it. @@ -75,10 +75,10 @@ As you can see, the toolset needs environment variables before you can use it. Before configuring environment variables, create an API key: -- Navigate to your Taskmaster app (for example, `https://taskmaster-ritza.vercel.app`). +- Navigate to your Taskmaster app (for example, `https://taskmaster-speakeasyapi.vercel.app`). - Sign in and go to **Settings → Developer**. -- Under **API Keys**, click **New Key**. -- Give it a label and click **Create**. +- Under **API Keys**, click **+ New**. +- Give it a label and click **Generate Key**. - Copy the API key. You will not be able to see it again.