·agentation

Visual UI annotation tool for AI agents. Drop the React toolbar into any app — humans click elements and leave feedback, agents receive structured CSS selectors, bounding boxes, and React component trees to find exact code. Supports MCP watch-loop, platform-specific hooks (Claude Code / Codex / Gemini CLI / OpenCode), webhook delivery, and autonomous self-driving critique with agent-browser.

17Installs·0Trend·@akillness

Installation

$npx skills add https://github.com/akillness/skills-template --skill agentation

How to Install agentation

Quickly install agentation AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/akillness/skills-template --skill agentation
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: akillness/skills-template.

SKILL.md

View raw

The missing link between human eyes and agent code. Instead of describing "the blue button in the sidebar," you hand the agent .sidebar > button.primary. It can grep for that directly.

| Copy-Paste | Human annotates → clicks Copy → pastes markdown into agent chat | | Agent Sync | endpoint prop connects toolbar to MCP server → agent uses agentationwatchannotations loop |

Requirements: React 18+, desktop browser, zero runtime deps beyond React (desktop only — no mobile)

Visual UI annotation tool for AI agents. Drop the React toolbar into any app — humans click elements and leave feedback, agents receive structured CSS selectors, bounding boxes, and React component trees to find exact code. Supports MCP watch-loop, platform-specific hooks (Claude Code / Codex / Gemini CLI / OpenCode), webhook delivery, and autonomous self-driving critique with agent-browser. Source: akillness/skills-template.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/akillness/skills-template --skill agentation
Category
*Creative Media
Verified
First Seen
2026-03-09
Updated
2026-03-10

Browse more skills from akillness/skills-template

Quick answers

What is agentation?

Visual UI annotation tool for AI agents. Drop the React toolbar into any app — humans click elements and leave feedback, agents receive structured CSS selectors, bounding boxes, and React component trees to find exact code. Supports MCP watch-loop, platform-specific hooks (Claude Code / Codex / Gemini CLI / OpenCode), webhook delivery, and autonomous self-driving critique with agent-browser. Source: akillness/skills-template.

How do I install agentation?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/akillness/skills-template --skill agentation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/akillness/skills-template

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-09