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.

1.52x

Quality

63%

Does it follow best practices?

Impact

96%

1.52x

Average score across 3 eval scenarios

Securityby

Advisory

Suggest reviewing before use

Optimize this skill with Tessl

npx tessl skill review --optimize ./.agent-skills/agentation/SKILL.md

Evaluation results

100%

47%

Add UI Annotation Support to a Next.js Application

React component integration

Criteria

Without context

With context

Dev dependency flag

100%

Correct package name

100%

Import from agentation

100%

NODE_ENV gating

100%

App Router placement

100%

Endpoint prop set

100%

Body-level placement

100%

MCP server start command

50%

100%

Doctor verification command

100%

Layout structure preserved

100%

96%

27%

Create Agent Instructions for Automated UI Annotation Handling

Watch loop agent instructions

Criteria

Without context

With context

Immediate acknowledge call

100%

Resolve with summary

100%

Blocking severity first

100%

elementPath as grep target

25%

100%

reactComponents for React

100%

Minimal changes only

80%

100%

Watch loop continuation

100%

Watch trigger keywords

100%

Dismiss requires reason

71%

100%

Watch over copy-paste

14%

42%

92%

25%

Configure Agentation MCP Across a Multi-Agent Development Shop

Multi-platform MCP configuration

Criteria

Without context

With context

Claude Code config path

100%

Claude Code mcpServers key

100%

Codex TOML format

100%

Codex developer_instructions

40%

100%

Gemini settings.json path

100%

OpenCode type local

100%

OpenCode command array

62%

100%

OpenCode env vars

100%

Doctor verification command

100%

Universal add-mcp command

MCP server command consistent

100%

Default port documented

100%

Repository: supercent-io/skills-template
Commit: c033769

Evaluated: 28 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Add UI Annotation Support to a Next.js Application Create Agent Instructions for Automated UI Annotation Handling Configure Agentation MCP Across a Multi-Agent Development Shop

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.