Prompts

import { MCPClient } from "@mcp-use/client";

const client = new MCPClient({
  mcpServers: {
    demo: { url: "http://localhost:3000/mcp" },
  },
});

try {
  const connection = await client.connect("demo");

  const { prompts } = await connection.listPrompts();
  for (const prompt of prompts) {
    console.log(prompt.name, prompt.description);
  }

  const result = await connection.getPrompt("plan_trip", {
    destination: "Japan",
    days: "7",
  });

  console.log(result.description);
  for (const message of result.messages) {
    if (message.content.type === "text") {
      console.log(message.role, message.content.text);
    }
  }
} finally {
  await client.close();
}

import { useMcpServer } from "@mcp-use/client/react";

export function LoadPromptButton() {
  const server = useMcpServer("demo");

  async function handleLoad() {
    if (server?.state !== "ready") return;

    const result = await server.getPrompt("code_review", {
      language: "ts",
    });
    console.log(result.messages);
  }

  return (
    <button disabled={server?.state !== "ready"} onClick={handleLoad}>
      Load prompt
    </button>
  );
}