Captura de nodo
Alt+Mayús+S captura el elemento a 1×–4× y muestra su tamaño real en px. Cópiala al portapapeles o descárgala en PNG.
Ejemplo
Señala. Dilo. Ya está en tu repo.
Alt+clic sobre tu app en desarrollo, escribe qué cambiar y el comentario queda como JSON en .perfect-front/. Para ti o para tu agente.
✎Psst: esta página también. Alt+clic donde quieras.Psst: toca ✎ y luego cualquier cosa.
01 · apuntar
Tu turno.
Alt+clic en cualquier cosa de esta app. ↑↓←→ para moverte por el DOM.
Alt+clic o clic aquí dentroCtrl↵ guardarEsc salir
// esperando tu primer Alt+clic
02 · describir
Más que una nota.
03 · resolver
Lo lee tu agente.
CLI con --json estable, bloqueo optimista y códigos de salida. Sin servidor ni navegador.
Pega el bloque de AGENTS.md en tu CLAUDE.md y listo.
04 · capa v2
Y en la capa v2.
Prototipo: lo marcado v2 aún no está en la rama principal. Las propuestas nunca tocan tu código: las lee quien ejecuta.
Imágenes y secciones
Pega, suelta o abre imágenes: hasta 20 adjuntos. Un comentario puede tener varias secciones, cada una con los suyos.
Propuestas
Multiselección y reordenar, textos e i18n, estilos antes → después. Llegan como propuesta, no como cambio.
Grupos y cajón
Agrupa comentarios en una cola de lectura y revísalos todos en el cajón.
Eliminar elemento
Guarda un comentario de eliminar. Nunca borra código.
Sigue sin parar
Tras guardar, la capa queda lista para elegir otro elemento.
Todos los atajos y pasos, en el Manual de uso.
Sin tocar tu app.
Un proxy local inyecta la capa. Cero imports, cero cuentas, cero nube.
Vite · Next.js · Angular · HTML estático
git clone https://github.com/jorgeguzmanq/perfect-front.git cd perfect-front && pnpm install && pnpm build # en la raíz de tu proyecto perfect-front