Synthèse automatique
Guide un agent de codage pour construire un outil CLI qui automatise les interactions avec un site web donné, via le démon navigateur kimi-webbridge.
Points forts
- Déroule un processus en phases explicites : prérequis, entretien de cadrage, exploration du site, implémentation, vérification.
- Impose une phase d'exploration non négociable avant d'écrire la moindre logique métier, avec un protocole pour trouver endpoints et en-têtes.
- Définit un contrat CLI uniforme (--help, sortie {ok,data}/{ok,error}, code de sortie non nul en cas d'erreur) valable pour tous les langages.
- Prévoit la génération d'une skill compagnon expliquant à un futur agent comment se servir du CLI produit.
Limites
- Dépend entièrement du démon kimi-webbridge et de son extension navigateur, à installer au préalable.
- Le gabarit de référence canonique est en Go ; les autres langages doivent être adaptés sans modèle fourni.
- L'exploration du site et la vérification commande par commande rendent la démarche longue et itérative.
Quand vous voulez transformer un site web en outil CLI scriptable et laisser un agent faire l'exploration, l'implémentation et les tests à votre place.
À éviter si kimi-webbridge n'est pas installé, si le site bloque toute automatisation, ou s'il suffit d'un simple script ponctuel sans contrat CLI ni maintenance.
Analyse de sécurité
PrudenceThe skill is a legitimate development guide for building browser-automation CLIs. It does not contain destructive, obfuscated, or exfiltrating instructions (no curl|sh, rm -rf, base64 payloads, or safety-disabling). However, it directs the agent to run bash, install/use an external browser daemon and extension, and automate authenticated browser sessions—powerful capabilities with meaningful attack surface—so 'caution' is appropriate rather than 'safe'.
- •Requires installing and running a third-party browser-bridge daemon (kimi-webbridge) and a browser extension from an external site (https://www.kimi.com/features/webbridge)
- •Automates interactions with websites inside a live browser session, potentially including logged-in accounts, cookies, and authenticated pages
- •Instructs the agent to invoke another skill and to write files into ~/.claude/skills, plus run bash status/build/verify commands
- •Handles login-status and session handling for target sites, which touches credentials/sessions, though no explicit secret exfiltration is instructed
- •Depends on external reference files (site-exploration.md, login-handling.md, etc.) whose contents are not included and cannot be audited here
Exemples
Create a CLI for news.ycombinator.com that can list the front page, search stories, and show a user's profile. Use Go and include a login-status command.Build a tool to automate posting and liking on this site: https://example.com — I'd like it in Python, and start with just the read commands first.The my-cli tool already has read commands working; re-run from Phase 3 to add bookmark and comment write commands, then update the companion skill.name: agent-cli-creator description: Use when the user wants to build a CLI tool to automate browser interactions on a specific website using kimi-webbridge. Invoke when user says "create a CLI for X site", "build a tool to automate X", or wants to control a website programmatically via an AI agent.
Agent CLI Creator
Guide an AI Coding Agent to build a website-automating CLI tool backed by the kimi-webbridge browser daemon.
Phase 1: Prerequisites
~/.kimi-webbridge/bin/kimi-webbridge status
| Result | Action |
|--------|--------|
| running: true + extension_connected: true | Proceed |
| Command not found | Tell user to visit https://www.kimi.com/features/webbridge (中文: https://www.kimi.com/zh-cn/features/webbridge) to install |
| running: false or extension_connected: false | Invoke the kimi-webbridge skill → references/operations.md |
Phase 2: Requirements Interview
Ask the user in one message, wait for reply:
- Target website URL (required)
- Programming language — Go (recommended;
references/go-layout.mdis the canonical template) / Python / Node.js / Other - Login required? — Yes / No / Unknown (can skip for now)
- First 1–3 features — pick from common categories:
- Read: home feed, search, profile page, post/item detail
- Write: create post, like/unlike, comment, bookmark/save
- Account: login-status, user info
Explain iterative development to the user:
"We'll start with 1–3 features to validate the approach end-to-end before adding more. Site exploration for features you don't need yet wastes time. You can always add features later by re-running from Phase 3."
Phase 3: Site Exploration (mandatory before writing any code)
This phase is non-negotiable. Do not write business logic until exploration is complete.
For each planned feature, run the full protocol in references/site-exploration.md.
The protocol yields: API endpoint, required headers, response shape, and a verified evaluate call that proves the API works inside the browser session.
Sanity-check every limitation before you write it down: would a human clicking through the same flow in their own browser hit it too? If not, the difference is in your automation setup — tab visibility, event timing, hydration — not in the site. A real one: "search caps out at 20 results", when a human scrolling that page gets 200 — see references/site-exploration.md → The Background Tab Trap.
Only proceed to Phase 4 when you have a working evaluate call for every planned feature.
Phase 4: Implement
Order matters — do not skip ahead:
- Project scaffold — see
references/go-layout.mdfor Go; adapt conventions for other languages login-statuscommand — if the site requires login; seereferences/login-handling.md- Read commands — no side effects; implement and test first
- Write commands — side effects (post, like, etc.); implement after reads work
After each command is implemented, immediately verify before moving on:
{platform}-cli {command} --help # --help must work
{platform}-cli {command} [args] # must return {"ok": true, "data": ...}
For write commands, also verify the error path (e.g., wrong ID, missing flag) returns {"ok": false, ...} with non-zero exit.
If verification fails, fix before implementing the next command.
Universal CLI contract (all languages):
--help/-hmust work on every command- All output:
{"ok": true, "data": ...}or{"ok": false, "error": {"code": "...", "message": "..."}} - Non-zero exit code on error
Go: 用 go mod init {platform}-cli 初始化独立 module,按 references/go-layout.md 的结构搭建,包含自己的轻量 browser client 和 output helper。
Phase 5: Write Companion Skill
After the CLI works, create ~/.claude/skills/{platform}-cli/SKILL.md using the template in references/companion-skill-template.md.
Purpose: tells a future AI agent how to use the CLI, not how to build it. The two skills serve different audiences at different times.
Du fichier au premier essai
Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.
Consulter la source et ses fichiers annexesCe téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.
1. Télécharger le fichier
Télécharger SKILL.mdDepuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.
Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.
mkdir -p '.skill-downloads/agent-cli-creator-mtmi9ale' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/agent-cli-creator-mtmi9ale/download' --output '.skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md.part' && mv '.skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md.part' '.skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md'2. Vérifier les prérequis
Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.
Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.
Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.
3. Charger la skill
Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.
Claude Code
test -f '.skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md' && test -s '.skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/agent-cli-creator' && cp -R '.skill-downloads/agent-cli-creator-mtmi9ale' '.claude/skills/agent-cli-creator'OpenSkills
OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.
Installation officielle d’OpenSkillsopenskills install './.skill-downloads/agent-cli-creator-mtmi9ale'openskills read 'agent-cli-creator-mtmi9ale'La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.
Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.
openskills syncMode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.
4. Faire un premier essai
Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :
Lis .skill-downloads/agent-cli-creator-mtmi9ale/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.
Bonnes pratiques React Hook Form
Developpement
Maîtrisez React Hook Form : évitez les anti-patterns, gérez les abonnements, et traitez correctement reset, dirty state et entrées contrôlées.
Migration Emotion vers Mantine
Developpement
Migrer les styled-components Emotion vers des composants Mantine avec style props et modules CSS. Pour convertir .styled.tsx ou supprimer les imports @emotion.
Détecteur de dérive de périmètre
Developpement
Analyse les diffs git par rapport à une intention pour détecter la dérive de périmètre, fichiers non liés et PR trop larges, puis suggère de garder, diviser ou justifier.