# Agentation

> Add Agentation visual feedback toolbar to a Next.js project. Use when the user explicitly asks for Agentation, visual feedback annotations, browser annotation toolbar, or agentation MCP setup.

- **Type:** Skill
- **Install:** `agentstack add skill-tommylower-cortex-agentation`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [tommylower](https://agentstack.voostack.com/s/tommylower)
- **Installs:** 0
- **Category:** [Web & Browser](https://agentstack.voostack.com/c/web-and-browser)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [tommylower](https://github.com/tommylower)
- **Source:** https://github.com/tommylower/cortex/tree/main/design/tools/agentation

## Install

```sh
agentstack add skill-tommylower-cortex-agentation
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Agentation

Set up the Agentation annotation toolbar in development only.

Before editing, read the shared dev-overlay rules in `../dev-overlays.md`.

## Steps

1. Check `package.json` for `agentation`.
2. Search `src/`, `app/`, and `pages/` for existing `Agentation` imports or ` import("agentation").then((mod) => ({ default: mod.Agentation })),
     { ssr: false },
   );

   export function DevTools() {
     if (process.env.NODE_ENV !== "development") return null;
     return ;
   }
   ```

5. Mount `` as a sibling of `{children}` in the app shell.
6. Run the app in development and confirm the toolbar appears.
7. Run the production build and confirm Agentation does not ship.

## MCP Setup

For real-time annotation syncing with agents, recommend one setup path:

- Universal setup: run `npx add-mcp` and choose `agentation-mcp`.
- Package wizard, when available: run `agentation-mcp init`.

After MCP setup, restart the coding agent and run the package's doctor command if available.

## Notes

- Works alongside Interface Kit and DialKit in the same `DevTools.tsx`.
- Agentation's MCP server exposes tools such as `agentation_get_all_pending`, `agentation_resolve`, and `agentation_watch_annotations`.
- For autonomous browser annotation, use `agentation-self-driving` after the toolbar is installed.

## Source & license

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

- **Author:** [tommylower](https://github.com/tommylower)
- **Source:** [tommylower/cortex](https://github.com/tommylower/cortex)
- **License:** MIT

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

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** yes
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-tommylower-cortex-agentation
- Seller: https://agentstack.voostack.com/s/tommylower
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.