Fecha de publicación: 15 de julio de 2026
Si bien las llaves de acceso son fáciles de implementar, las capacidades y las prácticas recomendadas siguen evolucionando. Aprender por qué son necesarias y cómo usarlas lleva tiempo. Para simplificar este proceso, el equipo de Chrome presenta las habilidades de llaves de acceso de Modern Web Guidance para ayudarte a ti y a tus agentes a crear experiencias de acceso modernas y seguras con llaves de acceso.
¿Por qué usar las habilidades de llaves de acceso?
Modern Web Guidance es un conjunto de habilidades diseñadas para guiar a los agentes de codificación de IA, como Anti Gravity o Claude Code. Con las habilidades de llaves de acceso, puedes implementar el registro, la autenticación, la administración y la reautenticación con las APIs y las prácticas recomendadas más recientes. El agente de codificación genera de forma autónoma la implementación para la IU de frontend y la lógica de backend.
Una evaluación muestra que una implementación con habilidades de llaves de acceso supera a una sin ellas en Claude Code Opus 4.8. Esta evaluación usa la aplicación de demostración y las instrucciones que se describen en este documento.
| Sin habilidades de llaves de acceso | Con habilidades de llaves de acceso | |
|---|---|---|
| APROBADA | 47 | 80 |
| REPROBADA | 32 | 0 |
| N/A | 12 | 11 |
| Total | 91 | 91 |
La diferencia más visible es la pantalla de administración de llaves de acceso, que muestra una lista de llaves de acceso creadas en función de una lista de proveedores de llaves de acceso seleccionada por la comunidad, siguiendo las prácticas recomendadas de administración de llaves de acceso.
Las habilidades de llaves de acceso también potencian a tu agente de codificación con capacidades potentes y menos visibles:
getClientCapabilities: Realiza la detección de funciones modernas.- Serialización de JSON: Serializa la carga útil codificada con una llamada de JavaScript.
- Manejo de errores: Muestra un mensaje o descarta según el tipo de error.
- Mediación condicional: Permite que los usuarios accedan directamente desde las sugerencias de autocompletado del navegador.
- API de Signal: Mantén sincronizada la lista de credenciales entre el proveedor y tu servidor.
- Creación condicional: Crea automáticamente una llave de acceso para los usuarios que accedieron recientemente con una contraseña.
Paso 1: Clona el repositorio de demostración
Prueba las habilidades de llaves de acceso con el proyecto de demostración de habilidades de llaves de acceso. Clona el repositorio:
git clone git@github.com:GoogleChromeLabs/passkey-skills-demo.git
Paso 2: Instala Modern Web Guidance
Ejecuta el asistente de configuración interactivo en el directorio de tu proyecto para instalar Modern Web Guidance:
npx modern-web-guidance@latest install
Este asistente agrega los archivos necesarios al diseño de tu proyecto, lo que permite que tu agente de IA comprenda los requisitos de las llaves de acceso.
Paso 3: Usa instrucciones
Una vez instalado, usa estas instrucciones para compilar tus funciones. En estos ejemplos, se abarcan los cuatro casos de uso que cubre la habilidad de llaves de acceso y están diseñados específicamente para el proyecto de sandbox.
Registro
Permite que los usuarios registren una llave de acceso para su cuenta. Para implementar, prueba la siguiente instrucción:
Implement passkey registration at /settings page under start directory
Ejecución del agente de ejemplo: El agente genera o modifica de forma autónoma la IU de frontend y la lógica de backend para registrar una llave de acceso nueva.
Autenticación
Permite que los usuarios que regresan accedan rápidamente con credenciales detectables, ya sea a través de activadores de botones explícitos o sugerencias de autocompletado del navegador. Para implementar, prueba la siguiente instrucción:
Implement passkey authentication at the top page under start directory
Ejecución del agente de ejemplo: El agente controla el bucle de acceso y verificación de forma autónoma en la página de destino principal o en la ruta de acceso.
Administración
Permite que los usuarios vean, cambien el nombre y borren sus llaves de acceso registradas mientras mantienen las credenciales sincronizadas entre el servidor y los administradores de contraseñas del navegador. Para implementar, prueba la siguiente instrucción:
Implement passkey management at /settings page under start directory
Ejecución del agente de ejemplo: El agente crea opciones estructurales para que los usuarios vean, agreguen o revoquen las llaves de acceso existentes.
Reautenticación
Verifica la identidad de un usuario que accedió con sus llaves de acceso existentes antes de permitir acciones sensibles, como cambios de seguridad o transferencias financieras. Para implementar, prueba la siguiente instrucción:
Implement passkey reauthentication at /reauth under start directory
Ejecución del agente de ejemplo: El agente configura la seguridad de aumento para las acciones sensibles del usuario.
/modern-web-guidance
O el siguiente comando para Codex:
$modern-web-guidance
Consulta la documentación de tu agente o pregúntale cómo invocar directamente la habilidad modern-web-guidance si no estás seguro.
Integra el servidor
Si bien los agentes de codificación pueden generar código de llaves de acceso del servidor, es posible que no usen las versiones más recientes de la biblioteca. El repositorio de demostración de habilidades de llaves de acceso incluye la
simplewebauthn habilidad, que es una habilidad para la biblioteca recomendada del servidor
para JavaScript y TypeScript: SimpleWebAuthn.
Esta habilidad complementa el comportamiento del agente de codificación.
Para otros lenguajes de programación del servidor, Google recomienda integrar llaves de acceso con una llave de acceso específica del lenguaje, FIDO2 o la biblioteca WebAuthn, junto con una habilidad para usar sus APIs más recientes. Los autores de la biblioteca escriben sus propias habilidades para que los agentes de codificación siempre puedan usar las APIs más recientes.
Descargo de responsabilidad y comentarios
Modern Web Guidance y las habilidades de llaves de acceso están en versión preliminar. Estas habilidades se desarrollaron y probaron con el proyecto de demostración de habilidades de llaves de acceso con agentes como Antigravity y Claude Code. Aunque se probaron con otras bases de código, es posible que las habilidades requieran ajustes más allá de las instrucciones de ejemplo proporcionadas. Revisa el código generado para asegurarte de que cumpla con tus expectativas y proporciona instrucciones adicionales según sea necesario.
El equipo de Chrome actualiza estas habilidades y agrega otras funciones de identidad y autenticación a Modern Web Guidance con el tiempo. Si tienes comentarios o solicitudes de funciones, envíalos al modern-web-guidance-src.
Pruébalo hoy mismo para simplificar la adopción de llaves de acceso.