diff --git a/docs/src/content/docs/getting-started/connectors.mdx b/docs/src/content/docs/getting-started/connectors.mdx new file mode 100644 index 0000000..d34b1a6 --- /dev/null +++ b/docs/src/content/docs/getting-started/connectors.mdx @@ -0,0 +1,144 @@ +--- +title: Connect to the Hosted Server +description: Use mcnoaa-tides from Claude.ai, ChatGPT, Claude Desktop, or any MCP client — no install needed +sidebar: + order: 3 +--- + +import { Aside, Steps, TabItem, Tabs } from '@astrojs/starlight/components'; + +A public instance of mcnoaa-tides runs at: + +``` +https://mcp.mcnoaa-tides.warehack.ing/ +``` + +No API keys, no authentication, no local install. Connect from your browser +and start asking about tides. + + + +--- + +## Claude.ai + +Available on **Pro**, **Max**, **Team**, and **Enterprise** plans. + + + +1. Open [claude.ai](https://claude.ai) and go to **Settings** + +2. Select **Connectors** in the sidebar + +3. Click **Add custom connector** + +4. Paste the server URL: + + ``` + https://mcp.mcnoaa-tides.warehack.ing/ + ``` + +5. No authentication needed — leave auth fields empty and save + + + +Once connected, ask Claude something like *"When's the next high tide in +Seattle?"* and it will call the server directly. + +Works on Claude iOS and Android too, once configured through the web interface. + +--- + +## ChatGPT + +Available on **Plus**, **Team**, **Enterprise**, and **Edu** plans. + + + +1. Open [chatgpt.com](https://chatgpt.com) and go to **Settings** + +2. Under **Advanced**, enable **Developer Mode** + +3. Go to **Settings → Connectors** + +4. Click **Create** and fill in: + - **Name:** NOAA Tides + - **URL:** `https://mcp.mcnoaa-tides.warehack.ing/` + +5. No OAuth needed — save without configuring auth + + + +Once added, ChatGPT can call the server's tools in any conversation. Works +across web, desktop, and mobile. + +--- + +## Claude Desktop + +Add the server URL to your Claude Desktop config file: + + + + Edit `~/Library/Application Support/Claude/claude_desktop_config.json`: + + + Edit `%APPDATA%\Claude\claude_desktop_config.json`: + + + Edit `~/.config/Claude/claude_desktop_config.json`: + + + +```json +{ + "mcpServers": { + "mcnoaa-tides": { + "url": "https://mcp.mcnoaa-tides.warehack.ing/" + } + } +} +``` + +Restart Claude Desktop. The server's 14 tools, 4 prompts, and 3 resources +will be available immediately. + +--- + +## Claude Code + +Register the remote server with a single command: + +```bash +claude mcp add mcnoaa-tides --transport http https://mcp.mcnoaa-tides.warehack.ing/ +``` + +That's it. Claude Code connects on the next session. + +--- + +## Any MCP Client + +If your client supports MCP's Streamable HTTP transport, point it at: + +| Field | Value | +|-------|-------| +| **Endpoint** | `https://mcp.mcnoaa-tides.warehack.ing/` | +| **Transport** | Streamable HTTP | +| **Auth** | None required | +| **Capabilities** | 14 tools, 4 prompts, 3 resources | + +Most clients accept a JSON config — the minimal block looks like: + +```json +{ + "mcpServers": { + "mcnoaa-tides": { + "url": "https://mcp.mcnoaa-tides.warehack.ing/" + } + } +} +``` diff --git a/docs/src/content/docs/getting-started/quickstart.mdx b/docs/src/content/docs/getting-started/quickstart.mdx index 4bef911..1883d35 100644 --- a/docs/src/content/docs/getting-started/quickstart.mdx +++ b/docs/src/content/docs/getting-started/quickstart.mdx @@ -5,12 +5,18 @@ sidebar: order: 2 --- -import { Steps } from '@astrojs/starlight/components'; +import { Aside, Steps } from '@astrojs/starlight/components'; This guide walks through adding **mcnoaa-tides** to Claude Code and making your first three requests: finding a station, pulling tide predictions, and checking marine conditions. + + ### Prerequisites - [Claude Code](https://docs.anthropic.com/en/docs/claude-code) installed diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index 6abb935..ce84fcd 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -1,5 +1,6 @@ --- title: mcnoaa-tides +description: Tides, weather, and conditions from 300 U.S. coastal stations template: splash hero: tagline: Tides, weather, and conditions from 300 U.S. coastal stations @@ -227,3 +228,32 @@ Then register it with your MCP client. Most accept a JSON config: /> + +
+ +## Try the hosted server + +A public instance runs at `https://mcp.mcnoaa-tides.warehack.ing/` — +no install needed. Connect from your browser. + + + + **Settings → Connectors → Add custom connector** — paste the URL and save. + No auth needed. + + Available on Pro, Max, Team, and Enterprise plans. + + + **Settings → Developer Mode → Connectors → Create** — name it "NOAA Tides", + paste the URL, save. + + Available on Plus, Team, Enterprise, and Edu plans. + + + + + +
diff --git a/docs/src/pages/og/[...slug].ts b/docs/src/pages/og/[...slug].ts index 56e2f11..9599392 100644 --- a/docs/src/pages/og/[...slug].ts +++ b/docs/src/pages/og/[...slug].ts @@ -12,19 +12,19 @@ export const { getStaticPaths, GET } = await OGImageRoute({ getImageOptions: (_id, page: (typeof pages)[number]) => ({ title: page.data.title, description: page.data.description, - bgGradient: [[10, 21, 23]], - border: { color: [26, 138, 143], width: 20 }, - padding: 120, + bgGradient: [[10, 21, 23], [13, 30, 35]], + border: { color: [26, 138, 143], width: 16, side: "inline-start" }, + padding: 80, font: { title: { - size: 64, + size: 72, weight: "Bold", color: [232, 240, 240], families: ["Inter"], }, description: { - size: 28, - color: [196, 212, 214], + size: 30, + color: [143, 168, 172], families: ["Inter"], }, }, @@ -34,7 +34,7 @@ export const { getStaticPaths, GET } = await OGImageRoute({ ], logo: { path: "./public/favicon.svg", - size: [60], + size: [80], }, }), });