·agentation
*

agentation

Outil d'annotation visuelle de l'interface utilisateur pour les agents IA. Déposez la barre d'outils React dans n'importe quelle application : les humains cliquent sur les éléments et laissent des commentaires, les agents reçoivent des sélecteurs CSS structurés, des cadres de délimitation et des arborescences de composants React pour trouver le code exact. Prend en charge la boucle de surveillance MCP, les hooks spécifiques à la plate-forme (Claude Code / Codex / Gemini CLI / OpenCode), la livraison de webhooks et la critique de conduite autonome autonome avec un navigateur d'agent.

17Installations·0Tendance·@akillness

Installation

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

Comment installer agentation

Installez rapidement le skill IA agentation dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/akillness/skills-template --skill agentation
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : akillness/skills-template.

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)

Outil d'annotation visuelle de l'interface utilisateur pour les agents IA. Déposez la barre d'outils React dans n'importe quelle application : les humains cliquent sur les éléments et laissent des commentaires, les agents reçoivent des sélecteurs CSS structurés, des cadres de délimitation et des arborescences de composants React pour trouver le code exact. Prend en charge la boucle de surveillance MCP, les hooks spécifiques à la plate-forme (Claude Code / Codex / Gemini CLI / OpenCode), la livraison de webhooks et la critique de conduite autonome autonome avec un navigateur d'agent. Source : akillness/skills-template.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/akillness/skills-template --skill agentation
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from akillness/skills-template

Réponses rapides

Qu'est-ce que agentation ?

Outil d'annotation visuelle de l'interface utilisateur pour les agents IA. Déposez la barre d'outils React dans n'importe quelle application : les humains cliquent sur les éléments et laissent des commentaires, les agents reçoivent des sélecteurs CSS structurés, des cadres de délimitation et des arborescences de composants React pour trouver le code exact. Prend en charge la boucle de surveillance MCP, les hooks spécifiques à la plate-forme (Claude Code / Codex / Gemini CLI / OpenCode), la livraison de webhooks et la critique de conduite autonome autonome avec un navigateur d'agent. Source : akillness/skills-template.

Comment installer agentation ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/akillness/skills-template --skill agentation Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-03-09