---
title: "@affordances/react/dev · Affordances"
description: "Affordances gives every page of a Next.js app a JSON view for agents, and turns one action definition into a server action, an HTTP endpoint, a WebMCP tool, and an MCP tool."
url: "https://affordances.vercel.app/docs/reference/api-reference/react/dev"
image: "https://affordances.vercel.app/og/docs/reference/api-reference/react/dev"
lang: "en"
---

# @affordances/react/dev

## Functions

### AffordancesDevtools()

```ts
function AffordancesDevtools(__namedParameters): Element | null;
```

#### Parameters

| Parameter                     | Type                       |
| ----------------------------- | -------------------------- |
| `__namedParameters`           | { `shortcut?`: `string`; } |
| `__namedParameters.shortcut?` | `string`                   |

#### Returns

`Element` | `null`