Panneau Ask

Ajoute un panneau de questions à tout rapport HTML, page ou artefact que vous montrez à l'utilisateur, afin qu'il puisse poser des questions dans la page et que le Claude de la page réponde, jamais la session qui l'a créé. À utiliser lorsque vous publiez ou ouvrez un rapport HTML, une page ou un artefact pour l'utilisateur, et lorsqu'il dit « ajouter ask », « poser des questions depuis la page » ou souhaite interroger un rapport.

Qu'est-ce que Panneau Ask ?

Ce skill permet d'ajouter un panneau interactif de questions (Ask) à toute page HTML, rapport ou artefact présenté à l'utilisateur. Lorsque l'utilisateur clique sur le bouton « Ask » en bas à droite, un panneau latéral s'ouvre avec une zone de saisie, un sélecteur de modèle (Haiku/Sonnet), des réponses en streaming, des questions de suivi dans un même fil de discussion, un bouton d'arrêt, et la possibilité de sélectionner du texte puis de cliquer sur « Ask about this » pour citer un passage. Le widget s'adapte automatiquement à l'environnement : dans un artefact claude.ai, il utilise l'API `sample` du Claude du visualiseur ; lorsqu'il est servi via `ask-open`, il utilise le serveur local lens `serve.py` qui peut aussi interroger les fichiers d'un dépôt. Le skill est utile dès qu'un utilisateur souhaite poser des questions directement dans un rapport sans polluer la session de discussion principale, et il respecte la règle que les questions sur la page doivent rester dans le panneau de la page. Il prend en charge les artefacts claude.ai, les pages servies localement, et ignore les pages déjà dotées de leur propre Ask dans lens.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ritamgh/claude-skills/tree/HEAD/skills/ask-panel

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Panneau Ask ?

Un bouton « Ask » (en bas à droite) ouvre un panneau latéral sur la page : zone de saisie, sélecteur Haiku/Sonnet, réponses en streaming, questions de suivi dans un même fil, bouton Stop, et possibilité de sélectionner du texte puis cliquer sur « Ask about this » pour citer un passage. Un seul widget, deux backends choisis à l'exécution :

Où se trouve la pageBackendRéponses
artefact claude.aiclaude.use("sample"), sur le Claude du visualiseurà partir du texte de la page
servie par ask-openlens serve.py (claude -p, lecture seule)texte de la page, plus les fichiers dans --repo
simple file://aucun : le bouton n'apparaît jamaisn/a

Étapes

  1. Publier comme artefact : python3 ~/.claude/skills/ask-panel/scripts/inject.py report.html (sur place, ou -o out.html), puis publier ce fichier avec capabilities: {sample: {}}. Chargez d'abord le skill artifact-capabilities, comme pour toute capacité.
  2. Afficher localement : ~/.claude/skills/ask-panel/scripts/ask-open report.html [--repo DIR]. Il injecte, démarre le serveur et ouvre le navigateur. Il s'exécute jusqu'à Ctrl-C, donc lancez-le en arrière-plan. Il sert uniquement ce rapport, sur son propre port. Il donne à la page ouverte la clé lens, donc n'ouvrez que des rapports de confiance avec cette commande.
  3. Dites à l'utilisateur que la page a un bouton Ask. C'est toute la passation.

Règles

  • Les questions sur la page appartiennent au panneau de la page. N'y répondez pas dans la session, et n'utilisez pas les commentaires d'artefact pour les questions/réponses (les commentaires reviennent à la session). Si une question nécessite un vrai travail (modifications de code, nouvelle investigation), c'est une nouvelle tâche, pas une question du panneau.
  • L'injection est idempotente, et ignore les leçons lens (elles ont leur propre Ask).
  • Le mode artefact appelle sample uniquement sur un clic, jamais au chargement. not_granted et les autres codes permanents masquent le panneau.
  • Le texte du modèle est rendu avec des nœuds DOM uniquement, jamais en HTML.

Fichiers

assets/ask-panel.js, assets/ask-panel.css (le widget, intégré par inject.py), scripts/inject.py, scripts/ask-open. Le backend local est ~/.claude/skills/lens/scripts/serve.py ; il répond à POST /__lens/ask avec mode: "report" pour les pages qui ne sont pas des leçons lens.

Tests : node ~/.claude/skills/ask-panel/scripts/test-panel.mjs (Playwright, faux claude, pas de réseau), plus python3 ~/.claude/skills/lens/scripts/test-serve.py pour le serveur.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills associés