Painel de Perguntas (Ask Panel)

Adicione um painel de perguntas a qualquer relatório, página HTML ou artefato que você mostrar ao usuário, para que ele faça perguntas na página e o próprio Claude da página responda, nunca a sessão que a criou. Use sempre que publicar ou abrir um relatório HTML, página ou artefato para o usuário, e quando ele disser "adicionar perguntas", "fazer perguntas a partir da página" ou quiser questionar um relatório.

O que é Painel de Perguntas (Ask Panel)?

Este skill habilita um painel interativo de perguntas embutido em páginas HTML, relatórios ou artefatos do Claude. Ele insere um botão "Ask" que abre um painel lateral com campo de texto, alternador entre modelos Haiku/Sonnet, respostas em stream, perguntas de acompanhamento em uma única thread, suporte a parada e seleção de texto para perguntar "Ask about this". O painel funciona com dois backends selecionados em tempo de execução: em artefatos do Claude (usando a capacidade 'sample' do viewer) ou em páginas servidas localmente pelo script 'ask-open' (que usa o backend lens). O skill é útil para criar experiências de documentação viva, onde o conteúdo da página responde dúvidas sem depender da sessão original que a gerou. Suporta plataformas como claude.ai (artefatos), modo local com servidor Python e arquivos file:// (neste caso, o botão não aparece). A injeção é idempotente e preserva a segurança: o modo artefato só chama 'sample' ao clicar, e códigos permanentes como 'not_granted' ocultam o painel. O skill inclui scripts de injeção, servidor local e testes com Playwright.

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

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Painel de Perguntas (Ask Panel) faz?

Um botão "Ask" (canto inferior direito) abre um painel lateral na página: caixa de perguntas, alternador Haiku/Sonnet, respostas em stream, perguntas de acompanhamento em uma única thread, botão Parar e selecione-texto-depois-"Ask about this" para citar uma passagem. Um widget, dois backends escolhidos em tempo de execução:

Onde a página estáBackendRespostas
artefato claude.aiclaude.use("sample"), no próprio Claude do visualizadora partir do texto da página
servida por ask-openlens serve.py (claude -p, somente leitura)texto da página, mais arquivos em --repo
file:// simplesnenhum: o botão nunca aparecen/d

Passos

  1. Publicar como um Artefato: python3 ~/.claude/skills/ask-panel/scripts/inject.py report.html (no lugar, ou -o out.html), depois publique esse arquivo com capabilities: {sample: {}}. Carregue o skill artifact-capabilities primeiro, como para qualquer capacidade.
  2. Mostrar localmente: ~/.claude/skills/ask-panel/scripts/ask-open report.html [--repo DIR]. Ele injeta, inicia o servidor e abre o navegador. Ele roda até Ctrl-C, então inicie-o como um comando em segundo plano. Ele serve apenas aquele relatório, em sua própria porta. Ele dá à página aberta a chave do lens, portanto abra apenas relatórios confiáveis com ele.
  3. Informe ao usuário que a página tem um botão Ask. Essa é toda a entrega.

Regras

  • Perguntas sobre a página pertencem ao painel da página. Não as responda na sessão e não ofereça comentários de artefato para Q&A (comentários voltam para a sessão). Se uma pergunta exige trabalho real (mudanças de código, nova investigação), isso é uma nova tarefa, não uma pergunta do painel.
  • A injeção é idempotente e pula lições do lens (elas têm seu próprio Ask).
  • O modo artefato chama sample apenas em um clique, nunca ao carregar. not_granted e os outros códigos permanentes ocultam o painel.
  • O texto do modelo é renderizado apenas com nós DOM, nunca como HTML.

Arquivos

assets/ask-panel.js, assets/ask-panel.css (o widget, embutido por inject.py), scripts/inject.py, scripts/ask-open. O backend local é ~/.claude/skills/lens/scripts/serve.py; ele responde a POST /__lens/ask com mode: "report" para páginas que não são lições do lens.

Testes: node ~/.claude/skills/ask-panel/scripts/test-panel.mjs (Playwright, Claude falso, sem rede), além de python3 ~/.claude/skills/lens/scripts/test-serve.py para o servidor.

Individual skills in this repo

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

Habilidades Relacionadas