benjitaylor-agentation-1
By benjitaylor
Autonomous agent framework that enables AI to self-direct tasks and workflows without explicit step-by-step instructions. Useful for automating complex, multi-step processes in nonprofit operations and campaign management.
Component Overview
Install
npx claudepluginhub joshuarweaver/cascade-ai-ml-agents-misc-1 --plugin benjitaylor-agentation-1Component Details
Skills (2)
Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI agent to autonomously add design feedback annotations to a web page via the browser. Requires the Agentation toolbar to be installed on the target page and agent-browser skill to be available.
Add Agentation visual feedback toolbar to a Next.js project
README
Agentation is an agent-agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to.
Install
npm install agentation -D
Usage
import { Agentation } from 'agentation';
function App() {
return (
<>
<YourApp />
<Agentation />
</>
);
}
The toolbar appears in the bottom-right corner. Click to activate, then click any element to annotate it.
Features
- Click to annotate – Click any element with automatic selector identification
- Text selection – Select text to annotate specific content
- Multi-select – Drag to select multiple elements at once
- Area selection – Drag to annotate any region, even empty space
- Animation pause – Freeze all animations (CSS, JS, videos) to capture specific states
- Structured output – Copy markdown with selectors, positions, and context
- Dark/light mode – Matches your preference or set manually
- Zero dependencies – Pure CSS animations, no runtime libraries
How it works
Agentation captures class names, selectors, and element positions so AI agents can grep for the exact code you're referring to. Instead of describing "the blue button in the sidebar," you give the agent .sidebar > button.primary and your feedback.
Requirements
- React 18+
- Desktop browser (mobile not supported)
Docs
Full documentation at agentation.com
License
© 2026 Benji Taylor
Licensed under PolyForm Shield 1.0.0
Similar Plugins
team-skills-platform
Team-oriented workflow plugin with role agents, 27 specialist agents, ECC-inspired commands, layered rules, and hooks skeleton.