Agentation

Agentation Setup

Set up the Agentation annotation toolbar in this project.

Steps

1. Check if already installed

• Look for agentation in package.json dependencies
• If not found, run npm install agentation (or pnpm/yarn based on lockfile)

1. Check if already configured

• Search for `}

```

For Next.js Pages Router, add to _app: ```tsx import { Agentation } from "agentation";

// Add after Component: {process.env.NODE_ENV === "development" && } ```

1. Confirm setup

• Tell the user to run their dev server and look for the Agentation toolbar (floating button in bottom-right corner)

Notes

• The NODE_ENV check ensures Agentation only loads in development
• Agentation requires React 18
• No additional configuration needed — it works out of the box

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: marchatton
• Source: marchatton/agent-skills
• License: MIT
• Homepage: https://www.marchatton.com

Install and usage instructions live in the source repository linked above.