Agentation

Skill tommylower/cortex/design/tools/agentation

Public skill library, workflows, tools, and references for AI-assisted development.

Install

npx -y skills add tommylower/cortex --skill agentation

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

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.

SKILL.md

2.0 KB, as published. Nobody here has run it

Agentation

Set up the Agentation annotation toolbar in development only.

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

Steps

Check package.json for agentation.
Search src/, app/, and pages/ for existing Agentation imports or <Agentation usage. If already configured, report that and stop.
Install as a dev dependency using the repo's package manager:
```
bun add -d agentation
```

Create or update src/components/DevTools.tsx with a client-only dynamic import:

"use client";

import dynamic from "next/dynamic";

const Agentation = dynamic(
  () => import("agentation").then((mod) => ({ default: mod.Agentation })),
  { ssr: false },
);

export function DevTools() {
  if (process.env.NODE_ENV !== "development") return null;
  return <Agentation />;
}

Mount <DevTools /> as a sibling of {children} in the app shell.
Run the app in development and confirm the toolbar appears.
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.

One thing to look at

What its author says it does

SKILL.md

Agentation

Steps

MCP Setup

Notes

Keep looking