agentation
Agentation adds a visual annotation toolbar to Next.js projects and provides an MCP server for syncing annotations with AI coding agents.
Is agentation safe to install?
Review the source first: our audit of agentation's source files found 4 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill modifies project source files to inject React components and executes shell commands to install dependencies and configure MCP servers.
How we audit skills: our security review methodology.
Who is this skill for?
Developers using Next.js who want to integrate visual feedback and annotation syncing with AI coding agents.
What can you do with it?
- Install the Agentation package in a Next.js project
- Configure the Agentation component in root layouts or _app files
- Initialize the Agentation MCP server for real-time annotation syncing
- Verify MCP server configuration with diagnostic commands
How good is this skill?
Quality score: 9/10. The skill provides clear, actionable steps for integration. The instructions distinguish between App and Pages router setups effectively.
What does the skill file contain?
# 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)
2. **Check if already configured**
- Search for `<Agentation` or `import { Agentation }` in src/ or app/
- If found, report that Agentation is already set up and exit
3. **Detect framework**
- Next.js App Router: has `app/layout.tsx` or `app/layout.js`
- Next.js Pages Router: has `pages/_app.tsx` or `pages/_app.js`
4. **Add...Frequently asked questions
Does Agentation load in production environments?
No, the configuration uses a process.env.NODE_ENV check to ensure the component only loads during development.
Which Next.js routers does this support?
The skill supports both the Next.js App Router and the Pages Router.
What MCP tools does the server expose?
The server exposes agentation_get_all_pending, agentation_resolve, and agentation_watch_annotations.
Related skills
agentspace
324.0KDevelopers and AI agent users who need to share, monitor, or collaborate on agent-generated files and workspaces in real-time
Agentspace provides a mechanism to share local agent files, logs, and artifacts via a live browser-accessible URL. It enables remote viewing, commenting, and editing of specified local paths through the ascli command-line tool.
higgsfield-generate
76.0KUsers who need to generate media assets or analyze video performance using Higgsfield AI models via a command-line interface
The higgsfield-generate skill provides an interface to the Higgsfield AI CLI for generating images, videos, 3D assets, and audio, as well as performing video virality analysis. It supports model selection, workflow execution, and media input handling for various creative tasks.
ai-seo
70.6KContent creators, SEO professionals, and digital marketers aiming to improve their brand's presence in AI-generated search results
The ai-seo skill provides a framework for optimizing web content to increase visibility and citation rates in AI-powered search engines and LLM-based assistants like ChatGPT, Perplexity, and Google AI Overviews.
wind-mcp-skill
27.8KFinancial analysts and users requiring structured financial data, market snapshots, and company research
The wind-mcp-skill provides an interface for AI agents to query financial data from Wind, including A-share, Hong Kong, and US stock market information, fund data, indices, bonds, and financial documents.