·agentation
*

agentation

Herramienta de anotación de interfaz de usuario visual para agentes de IA. Coloque la barra de herramientas de React en cualquier aplicación: los humanos hacen clic en los elementos y dejan comentarios, los agentes reciben selectores de CSS estructurados, cuadros delimitadores y árboles de componentes de React para encontrar el código exacto. Admite bucle de vigilancia MCP, ganchos específicos de plataforma (Claude Code / Codex / Gemini CLI / OpenCode), entrega de webhooks y crítica autónoma con navegador de agente.

17Instalaciones·0Tendencia·@akillness

Instalación

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

Cómo instalar agentation

Instala rápidamente el skill de IA agentation en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/akillness/skills-template --skill agentation
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: akillness/skills-template.

SKILL.md

Ver original

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)

Herramienta de anotación de interfaz de usuario visual para agentes de IA. Coloque la barra de herramientas de React en cualquier aplicación: los humanos hacen clic en los elementos y dejan comentarios, los agentes reciben selectores de CSS estructurados, cuadros delimitadores y árboles de componentes de React para encontrar el código exacto. Admite bucle de vigilancia MCP, ganchos específicos de plataforma (Claude Code / Codex / Gemini CLI / OpenCode), entrega de webhooks y crítica autónoma con navegador de agente. Fuente: akillness/skills-template.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/akillness/skills-template --skill agentation
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from akillness/skills-template

Respuestas rápidas

¿Qué es agentation?

Herramienta de anotación de interfaz de usuario visual para agentes de IA. Coloque la barra de herramientas de React en cualquier aplicación: los humanos hacen clic en los elementos y dejan comentarios, los agentes reciben selectores de CSS estructurados, cuadros delimitadores y árboles de componentes de React para encontrar el código exacto. Admite bucle de vigilancia MCP, ganchos específicos de plataforma (Claude Code / Codex / Gemini CLI / OpenCode), entrega de webhooks y crítica autónoma con navegador de agente. Fuente: akillness/skills-template.

¿Cómo instalo agentation?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/akillness/skills-template --skill agentation Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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