✎ Modo Diseño
Edita la interfaz de tus apps con el dedo o el mouse — mover bloques, reescribir textos, ocultar, cambiar tamaños y colores — y copia un listado preciso de cambios para pegarlo en el chat de Claude. Todo ocurre solo en tu navegador: nadie más ve tus ediciones.
▶ Activarlo en una app tuya
Agrega ?diseno al final de la dirección (también sirve ?diseño, con ñ). Ejemplo:
https://acordemos.pages.dev/?diseno
Queda activo mientras navegas por la app (aunque cambies de página) hasta que toques Salir. Funciona en las apps que incluyen esta línea:
<script src="https://modo-diseno.pages.dev/cargador.js" defer></script>
🔖 Bookmarklet (para sitios sin la línea)
En el computador: arrastra este botón a la barra de marcadores y tócalo estando en cualquier página.
En el teléfono: crea un marcador cualquiera, edítalo y reemplaza su dirección por este código:
🧰 Las herramientas
- Mover arrastra una tarjeta o bloque para reordenarlo (o tócalo y usa ▲ ▼).
- Texto toca un texto y escríbelo de nuevo. Enter = listo.
- Ocultar toca un elemento para ocultarlo; se ve atenuado mientras usas la herramienta, y otro toque lo trae de vuelta.
- Estilo tamaño de letra y colores (te ofrece la paleta oficial de la app).
- Copiar genera el resumen + JSON y lo deja en el portapapeles: pégalo en el chat de Claude.
Los cambios quedan guardados en tu navegador (por página) y se reaplican al volver a activar el modo. Borrar todo y restaurar (dentro de Copiar) vuelve todo a la normalidad.