AgentStack
Sign in Publish
MCP servers Skills Toolkits Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Agentation

skill-tommylower-cortex-agentation · by tommylower

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.

↗ Repository
— No reviews yet
0 installs
0 views
— view→install

Install

$ agentstack add skill-tommylower-cortex-agentation

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ● Environment & secrets Used
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Agentation? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

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 ; } ```

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

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

Reviews

No reviews yet — be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Web & Browser