CommunityProgramación y desarrollogithub.com

ritamgh/claude-skills

Agrega un panel de Preguntas a cualquier informe HTML, página o artefacto que le muestres al usuario, para que pueda hacer preguntas en la página y el propio Claude de la página responda, nunca la sesión que lo creó. Úsalo siempre que publiques o abras un informe HTML, página o artefacto para el usuario, y cuando diga 'agregar preguntas', 'hacer preguntas desde la página' o quiera cuestionar un informe.

¿Qué es claude-skills?

Este skill añade un widget 'Preguntar' a informes HTML, artefactos de Claude o páginas servidas localmente, permitiendo que los usuarios hagan preguntas directamente dentro de la página y reciban respuestas del propio Claude asociado a la página, no de la sesión que lo generó. Es útil para entregar informes interactivos, dashboards o documentación técnica, ya que el usuario puede explorar el contenido sin depender del hilo original. Funciona en dos modos: como artefacto de claude.ai (usando `sample` con el permiso adecuado) o servido localmente mediante el script `ask-open` (que inyecta el widget, inicia un servidor y abre el navegador). El panel incluye un botón flotante, campo de texto, selector Haiku/Sonnet, respuestas en streaming, preguntas de seguimiento y la opción de seleccionar texto y preguntar sobre él. Las preguntas sobre la página deben realizarse en el panel; no deben responderse en la sesión ni mediante comentarios del artefacto. La inyección es idempotente y omite lecciones del lens (que ya tienen su propio Ask).

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

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Panel de Preguntas

Un botón "Preguntar" (abajo a la derecha) abre un panel lateral en la página: cuadro de preguntas, selector Haiku/Sonnet, respuestas en streaming, preguntas de seguimiento en un mismo hilo, botón Detener y la opción de seleccionar texto y luego "Preguntar sobre esto" para citar un pasaje. Un widget, dos backends elegidos en tiempo de ejecución:

Dónde está la páginaBackendRespuestas
Artefacto de claude.aiclaude.use("sample"), en el propio Claude del visora partir del texto de la página
Servido por ask-openlens serve.py (claude -p, solo lectura)texto de la página, más archivos en --repo
file:// simpleninguno: el botón nunca aparecen/a

Pasos

  1. Publicar como artefacto: python3 ~/.claude/skills/ask-panel/scripts/inject.py report.html (en el mismo lugar, o con -o out.html), luego publica ese archivo con capabilities: {sample: {}}. Carga primero el skill artifact-capabilities, como para cualquier capacidad.
  2. Mostrar localmente: ~/.claude/skills/ask-panel/scripts/ask-open report.html [--repo DIR]. Inyecta, inicia el servidor y abre el navegador. Se ejecuta hasta Ctrl-C, así que inícialo como un comando en segundo plano. Sirve solo ese informe, en su propio puerto. Le da a la página abierta la clave del lens, por lo que solo debes abrir informes confiables con él.
  3. Indícale al usuario que la página tiene un botón de Preguntar. Eso es toda la transferencia.

Reglas

  • Las preguntas sobre la página pertenecen al panel de la página. No las respondas en la sesión y no uses comentarios del artefacto para preguntas y respuestas (los comentarios redirigen de vuelta a la sesión). Si una pregunta requiere trabajo real (cambios de código, nueva investigación), esa es una nueva tarea, no una pregunta del panel.
  • La inyección es idempotente y omite las lecciones del lens (que ya tienen su propio Ask).
  • El modo artefacto llama a sample solo al hacer clic, nunca al cargar. Los códigos not_granted y otros permanentes ocultan el panel.
  • El texto del modelo se renderiza solo con nodos DOM, nunca como HTML.

Archivos

assets/ask-panel.js, assets/ask-panel.css (el widget, incrustado por inject.py), scripts/inject.py, scripts/ask-open. El backend local es ~/.claude/skills/lens/scripts/serve.py; responde a POST /__lens/ask con mode: "report" para páginas que no son lecciones del lens.

Pruebas: node ~/.claude/skills/ask-panel/scripts/test-panel.mjs (Playwright, claude simulado, sin red), más python3 ~/.claude/skills/lens/scripts/test-serve.py para el servidor.

Individual skills in this repo

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

Skills relacionados