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

benjitaylor/agentation

Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.

Conteúdo atualizado:

Ver no GitHub
npx skills add benjitaylor/agentation --skill agentation-self-driving
5.394Estrelas430ForksÚltimo push do repositório

Sobre este 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.

Por que escolhemos

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.

No que ajuda

  • 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.

ComandoPara que serve
npx skills add benjitaylor/agentation --skill agentation-self-drivingSelect the autonomous annotation workflow.

Reviewed self-driving SkillOfficial Agentation repository

Antes de usar

  • 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.

Agentes compatíveis

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Fontes e referências

As fontes originais estão nos links abaixo. As sugestões práticas são recomendações editoriais do SkillHey.