Revisely: Feedback visual a correcciones con IA

Convierte feedback web en fixes para IA. Anota, edita CSS y exporta prompts y tickets de GitHub/Jira para Cursor y Claude.

Revisely: la extensión de Chrome que convierte el feedback en vivo de un sitio web en correcciones de código listas para IA. Deja atrás las capturas de pantalla desordenadas y los correos vagos del tipo "muévelo un poco a la derecha": haz clic en cualquier elemento de cualquier página, deja una nota, edita el CSS en vivo y expórtalo con un clic como prompt de IA, tarjeta de revisión o ticket para tu gestor de incidencias. La forma más rápida y clara para desarrolladores, diseñadores, testers de QA, agencias y jefes de producto de comunicar feedback de diseño. ✨ v1.3.0 — Novedades • Diseño renovado: El panel y la barra de herramientas dentro de la página se rediseñaron desde cero — más limpios, más rápidos, menos clics por revisión. Todo el flujo de trabajo fluye ahora por un dock a la derecha. • Perfiles de entrega a IA: Prompts optimizados por separado para Cursor, Claude, ChatGPT, v0 y Lovable. Cada prompt incluye el selector, la prioridad, el responsable y los criterios de aceptación. Revisely copia el prompt adecuado y abre la herramienta de IA por ti — solo pegas y continúas. • Buscador automático de problemas (auditoría de página): Detecta automáticamente problemas comunes de UX y accesibilidad — contraste bajo, texto diminuto, texto alternativo ausente, áreas de toque pequeñas — y los convierte en revisiones con un clic. • Exportación a GitHub, Linear y Jira: Exporta el feedback como tickets listos para pegar en tu gestor de incidencias — con estado, prioridad, responsable, selector y CSS sugerido. • Metadatos de equipo: Asigna prioridad, estado y responsable a cada revisión, haciendo que tus tarjetas de revisión y tus prompts sean mucho más útiles para los equipos. • Entrega con DESIGN.md y SKILL.md: Entrega tu contexto de diseño y las reglas del proyecto a las herramientas de IA para programar en un solo archivo. • Importar y restaurar sesión: Vuelve a cargar una tarjeta de revisión que exportaste antes; Revisely detecta la URL y restaura cada nota, insignia y edición de CSS justo donde lo dejaste. • 5 idiomas: inglés, turco, alemán, español y japonés — cámbialos al instante desde la propia extensión. 🚀 ¿Por qué Revisely? En los proyectos web, el feedback suele perderse en la traducción. Frases como "corre esto un píxel a la izquierda" o "haz este azul un poco más oscuro" pierden su sentido rápidamente. Revisely lo resuelve de raíz al permitirte anotar directamente sobre el DOM en vivo: - Contexto visual y técnico a la vez: Captura no solo la captura de pantalla, sino también el elemento HTML, su selector CSS y sus estilos calculados. - Flujo de trabajo centrado en IA: No te limites a reportar el error — escribe la solución. Exporta tu feedback como un prompt estructurado con todo lo que una IA necesita para aplicar el cambio al instante (compatible con Cursor, Claude, ChatGPT, v0 y Lovable). - Resultados profesionales: Genera pulidos informes HTML de "tarjeta de revisión" para tu equipo o tu cliente, o tickets de GitHub / Linear / Jira. 🌟 Funciones principales 1. Selector de elementos "haz clic y marca": Pasa el cursor sobre cualquier elemento de la página y haz clic. Revisely resalta exactamente el elemento al que te refieres. 2. Dibuja sobre las capturas de pantalla: Al añadir una revisión, usa el lápiz, la flecha o el rectángulo para marcar exactamente qué está mal. 3. Editor de CSS en vivo integrado: No describas el cambio — muéstralo. - Selector de color: Ajusta los colores de texto y de fondo en vivo. - Tipografía: Cambia los tamaños de fuente para perfeccionar la jerarquía. - Espaciado: Controles visuales del modelo de caja para margin y padding. - Categorías: Etiqueta los problemas como Error, Diseño, Contenido u Otro y filtra fácilmente. 4. Generador de prompts de IA (Developer Export): La función que distingue a Revisely. Exporta tu feedback como un prompt estructurado que incluye: - Selectores CSS precisos (ID / clases) - Estilos calculados actuales y los cambios solicitados - Fragmentos de HTML con contexto Pega el prompt en cualquier asistente de código con IA y obtén el código corregido al instante. 5. Buscador automático de problemas (auditoría de página): Detecta automáticamente problemas de accesibilidad y UX como el contraste, el texto alternativo y las áreas de toque, y conviértelos en revisiones con un clic. 6. Exportación al gestor de incidencias: Convierte tu feedback en texto de ticket listo para GitHub, Linear o Jira — con estado, prioridad, responsable y detalle técnico. 7. Tarjetas de revisión visuales y capturas personalizadas: Exporta un informe HTML autónomo y de alta calidad. - Capturas automáticas: Una imagen recortada automáticamente para cada problema. - Cambia la imagen: Sube tus propias imágenes o bocetos directamente a la tarjeta. - Un botón integrado de "Copiar prompt de IA". 8. Importa y restaura sesiones: Carga una tarjeta de revisión exportada; Revisely detecta la URL y restaura todas tus insignias, notas y ediciones de CSS justo donde lo dejaste. Los miembros del equipo pueden importar los archivos de revisión de los demás. 👨🏻‍💻 ¿Para quién es? - Desarrolladores: Recibe informes de errores que de verdad tienen sentido, con selectores y datos de estilo. - Diseñadores: Haz QA de los diseños implementados y da feedback con precisión de píxel. - Testers de QA: Documenta errores visuales más rápido que nunca. - Agencias y freelancers: Convierte las revisiones de clientes en informes claros y profesionales. - Clientes y PMs: Comunica los cambios con claridad sin saber programar. 🔒 La privacidad es lo primero Revisely funciona 100 % en local. Sin cuenta, sin inicio de sesión, sin nube, sin backend. Tus datos visuales y tu feedback se procesan en tu navegador y nunca se envían a ningún servidor externo, salvo que compartas explícitamente un archivo exportado. Revisely no hace llamadas a ninguna IA y nunca te pide una clave de API — solo genera el prompt listo para usar; pegarlo en tu propia herramienta de IA (Cursor, Claude, ChatGPT…) depende totalmente de ti. Descarga Revisely hoy y deja de corregir el mismo error dos veces.