Agentation Self-Driving: visible, element-level design critique

Об этом Skill

Work through a page from top to bottom, identify a concrete element, open an annotation at its position and leave a short actionable critique. The instructions cover toolbar state, coordinate interactions, shadow-root access and confirmation after every note.

Почему мы его выбрали

The review workflow requires an installed Agentation toolbar and the agent-browser CLI. It creates annotations; automatic code fixes require a separately connected agent and MCP workflow.

Для каких задач подходит

• Add review notes to a page while a user watches the browser.
• Review hierarchy, navigation, spacing, typography and calls to action.
• Pass precise element context to a separate implementation agent.

Run the annotation loop

1. Check the browser and toolbar

   Open a visible browser, confirm the toolbar exists and expand it only if collapsed. Keep page-interaction blocking enabled.

2. Target a specific element

   Inspect the page, scroll the element into view and obtain its bounding box. The upstream CLI workflow uses coordinate-based pointer input for the annotation overlay.

3. Write and verify the note

   Give a short critique with a concrete change and a named design principle. Submit it and confirm the annotation count increased before continuing.

Reviewed self-driving Skill

Keep feedback specific

The workflow covers the hero, navigation, illustrations, content rhythm, typography and final actions. It suggests five to eight notes for a typical page, while individual notes remain concise and actionable.

Reviewing and changing code are separate steps. The optional two-session flow sends annotations through MCP to another agent that edits the code. Installing this Skill alone does not establish that connection.

Reviewed self-driving Skill

Install after toolbar setup

Use the companion setup Skill first if the page has no toolbar. The upstream instructions also describe troubleshooting stale browser sessions, collapsed toolbars and unsaved notes.

Reviewed self-driving SkillOfficial Agentation repository

Перед использованием

• The target page already has the Agentation toolbar installed.
• The agent-browser CLI and a visible desktop browser are explicit upstream dependencies.
• The assistant must be able to run the browser commands and interact with the page.
• An MCP connection and a separate listening agent are required for the optional review-and-fix loop. Annotation-only review can work without that connection.

Поддерживаемые агенты