ClickSay
Extensión para dar contexto a la IA al programarHaz clic en un elemento, habla y manda el prompt
Aspectos destacados
Qué puedes hacer con ella
- Indicar un cambio de estilo en un título y mandarlo a la IA
- Seleccionar varias tarjetas y pedir corregir el espaciado
- Detectar problemas de contraste y enviarlos a corregir
Cómo usarla
- 1 Instala la extensión de ClickSay en Chrome
- 2 Pulsa el atajo y haz clic en el elemento a cambiar
- 3 Di en voz alta la modificación que necesitas
- 4 Pega el prompt generado en tu herramienta de IA
- 5 Revisa el resultado y ajusta si hace falta
Para quién es
Ventajas
- Da a la IA el contexto que suele faltar
- No requiere registro y funciona en local
- Incluye auditoría de accesibilidad integrada
Limitaciones
- La versión gratuita solo permite cinco capturas al mes
- El uso de voz puede ser incómodo en espacios compartidos
- La detección de framework no siempre acierta
Qué es ClickSay
ClickSay es una extensión de Chrome diseñada para desarrolladores que trabajan con herramientas de programación asistida por IA como Claude Code y Cursor. Su función es cerrar la distancia entre lo que ves en pantalla y lo que la IA necesita saber para arreglarlo. En lugar de describir un elemento con palabras, haces clic sobre él y dices en voz alta qué quieres cambiar. La extensión captura automáticamente la información necesaria, como selectores, estilos, HTML, capturas y nombres de componente, y arma un prompt estructurado que puedes pegar directamente en tu herramienta de IA. No requiere registro y los datos no salen del navegador.
La extensión también reconoce frameworks como React, Next.js, Vue, Svelte y Angular, de modo que el prompt puede incluir el nombre del componente y su ruta de archivo, lo que ayuda a la IA a entender el proyecto. Dispone de un modo de escaneo que permite seleccionar varios elementos a la vez con Shift y dar una única indicación para todos. Además incluye una auditoría de accesibilidad que detecta problemas de contraste WCAG, textos alternativos, atributos ARIA y tamaño de objetivos táctiles. La versión gratuita permite cinco capturas al mes y la Pro, de pago, ofrece capturas ilimitadas y detección de frameworks.
Qué puedes hacer con él
- Capturar el contexto completo de un elemento con un clic.
- Dictar la modificación que quieres sin escribir.
- Enviar prompts estructurados a Claude Code, Cursor o Replit.
- Seleccionar varios elementos y corregirlos a la vez.
- Auditar accesibilidad y enviar los fallos a la IA.
Para quién es
- Desarrolladores que usan asistentes de programación con IA.
- Diseñadores web que deben explicar cambios a desarrollo.
- Especialistas en accesibilidad que revisan interfaces.
- Equipos que quieren reducir el ir y venir de aclaraciones.
Qué tener en cuenta
La versión gratuita se limita a cinco capturas al mes, que se agotan casi sin darte cuenta si la usas a diario. Para un uso continuo hará falta la versión Pro, cuyo precio y condiciones pueden cambiar. Valora si el ahorro de tiempo justifica el coste en tu caso concreto.
El flujo con voz es cómodo en una oficina privada, pero incómodo o directamente inviable en espacios compartidos o en llamadas. Y la detección de framework no siempre acierta: en proyectos con estructuras poco habituales o código muy compilado, la información que envíe puede ser incompleta y tendrás que completarla a mano.
Preguntas frecuentes
¿Necesito registrarme?
No. La extensión funciona sin cuenta y sin inicio de sesión.
¿Qué captura exactamente?
Selectores, estilos, HTML, capturas y nombres de componente del elemento.
¿Sirve para accesibilidad?
Sí, detecta contraste WCAG, textos alternativos, ARIA y objetivos táctiles.
Por qué es gratis
Lo que dice la página oficial： versión gratuitaprueba gratuita
Los límites gratuitos, la duración de la prueba y las funciones los decide el sitio oficial y pueden cambiar en cualquier momento.
Captura de pantalla
Captura archivada desde la página del listado, solo como referencia.
