> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mcp-use.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Welcome
> Full-stack MCP framework for **TypeScript**
For the complete documentation index, see
[llms.txt](https://mcp-use.com/docs/llms.txt).
**mcp-use** is the fullstack MCP framework for TypeScript. Build MCP Servers, MCP Apps (interactive widgets that run inside ChatGPT and Claude), MCP Agents, and MCP Clients with end-to-end type safety.
```typescript server.ts theme={null}
import { MCPServer } from "mcp-use";
import { z } from "zod";
const server = new MCPServer({
name: "greeter",
version: "1.0.0",
});
export const greet = server.tool(
{
name: "greet",
description: "Greet someone by name",
inputSchema: z.object({ name: z.string().describe("Who to greet") }),
outputSchema: z.object({ greeting: z.string() }),
view: { name: "greeting" },
},
async ({ name }) => ({
content: [{ type: "text", text: `Said hello to ${name}` }],
structuredContent: { greeting: `Hello, ${name}!` },
}),
);
await server.listen(3000);
```
```tsx views/greeting/view.tsx theme={null}
import { useToolContext } from "mcp-use/react";
export default function Greeting() {
const view = useToolContext<"greet">();
if (view.status === "pending") return Loading…
;
if (view.status === "error") return {view.error.message}
;
return đź‘‹ {view.toolOutput.greeting}
;
}
```
}
>
Looking for the **Python** docs? They're
[here](/python/getting-started/quickstart).
Start with MCP 101 - principles of the protocol, its three primitives, and how
clients, servers, and agents fit together.
## Next Steps
Build your first MCP server in under 5 minutes.
Set up your Node project.
Expose tools, resources, and prompts to any AI agent.
Build interactive widgets for Claude and ChatGPT.
Connect to any MCP server programmatically.
AI agents with tool-calling capabilities.
**Need help?** Join our [Discord](https://discord.gg/XkNkSkMz3V) or check out
[GitHub](https://github.com/mcp-use/mcp-use).