Gepubliceerd: 15 juli 2026
Hoewel wachtwoorden eenvoudig te implementeren zijn, blijven de mogelijkheden en best practices zich ontwikkelen. Het kost tijd om te leren waarom ze nodig zijn en hoe je ze moet gebruiken. Om dit proces te vereenvoudigen, introduceert het Chrome-team de Modern Web Guidance-vaardigheden voor wachtwoorden, waarmee jij en je agents veilige, moderne aanmeldervaringen kunnen bouwen met behulp van wachtwoorden.
Waarom zou je de passkey-vaardigheden gebruiken?
Modern Web Guidance is een set vaardigheden die zijn ontworpen om AI-codeeragenten, zoals Anti Gravity of Claude Code, te begeleiden. Met de passkey-vaardigheden kunt u registratie, authenticatie, beheer en herauthenticatie implementeren met behulp van de nieuwste API's en best practices. De codeeragent genereert autonoom de implementatie voor zowel de frontend-gebruikersinterface als de backend-logica.
Uit een evaluatie blijkt dat een implementatie met passkey-functionaliteit betere prestaties levert dan een implementatie zonder, op Claude Code Opus 4.8. Deze evaluatie maakt gebruik van de demo-applicatie en prompts die in dit document worden beschreven.
| Zonder wachtwoordvaardigheden | Met passkey-vaardigheden | |
|---|---|---|
| DOORGANG | 47 | 80 |
| MISLUKKING | 32 | 0 |
| Niet van toepassing | 12 | 11 |
| Totaal | 91 | 91 |
Het meest zichtbare verschil is het scherm voor het beheer van toegangscodes, dat een lijst weergeeft van aangemaakte toegangscodes op basis van een door de community samengestelde lijst van aanbieders van toegangscodes, conform de beste praktijken voor toegangscodebeheer .
De Passkey-vaardigheden geven uw codeeragent ook krachtige, minder zichtbare mogelijkheden:
-
getClientCapabilities: Voer moderne functiedetectie uit. - JSON-serialisatie: Serialiseer gecodeerde gegevens met één JavaScript-aanroep.
- Foutafhandeling: toon een bericht of negeer de foutmelding, afhankelijk van het type fout.
- Voorwaardelijke bemiddeling: Hiermee kunnen gebruikers rechtstreeks inloggen via de suggesties voor automatisch aanvullen in de browser.
- Signal API: Zorg ervoor dat de lijst met inloggegevens tussen de provider en uw server gesynchroniseerd blijft.
- Voorwaardelijk aanmaken: Maak automatisch een toegangscode aan voor gebruikers die recent met een wachtwoord zijn ingelogd.
Stap 1: Kloon de demo-repository
Probeer Passkey Skills uit met het demoproject Passkey Skills . Kloon de repository:
git clone git@github.com:GoogleChromeLabs/passkey-skills-demo.git
Stap 2: Installeer moderne webbegeleiding
Start de interactieve installatiewizard in uw projectmap om Modern Web Guidance te installeren:
npx modern-web-guidance@latest install
Deze wizard voegt de benodigde bestanden toe aan uw projectstructuur, zodat uw AI-agent de vereisten voor de toegangssleutel begrijpt.
Stap 3: Gebruik aanwijzingen
Gebruik na installatie deze aanwijzingen om uw functionaliteiten te bouwen. Deze voorbeelden behandelen de vier gebruiksscenario's die de passkeys-skill omvat en zijn specifiek ontworpen voor het sandbox-project.
Registratie
Geef gebruikers de mogelijkheid om een wachtwoord voor hun account te registreren. Probeer hiervoor de volgende prompt:
Implement passkey registration at /settings page under start directory
Voorbeeld van agentuitvoering : De agent genereert of wijzigt autonoom de frontend-gebruikersinterface en de backend-logica om een nieuwe toegangssleutel te registreren.
Authenticatie
Maak het voor terugkerende gebruikers mogelijk om snel in te loggen met behulp van gemakkelijk vindbare inloggegevens, via expliciete knoppen of suggesties voor automatisch invullen in de browser. Probeer de volgende prompt om dit te implementeren:
Implement passkey authentication at the top page under start directory
Voorbeeld van agentuitvoering : De agent handelt de inlog- en verificatielus autonoom af op de hoofdpagina of aanmeldroute.
Beheer
Geef gebruikers de mogelijkheid om hun geregistreerde wachtwoorden te bekijken, te hernoemen en te verwijderen, terwijl de inloggegevens gesynchroniseerd blijven tussen de server en de wachtwoordmanagers van de browser. Probeer de volgende prompt om dit te implementeren:
Implement passkey management at /settings page under start directory
Voorbeeld van agentuitvoering : De agent creëert structurele opties waarmee gebruikers bestaande toegangscodes kunnen bekijken, toevoegen of intrekken.
Herauthenticatie
Verifieer de identiteit van een ingelogde gebruiker met behulp van hun bestaande wachtwoorden voordat gevoelige acties zoals beveiligingswijzigingen of financiële transacties worden toegestaan. Probeer de volgende prompt om dit te implementeren:
Implement passkey reauthentication at /reauth under start directory
Voorbeeld van agentuitvoering : De agent stelt een verhoogde beveiliging in voor gevoelige gebruikersacties.
/modern-web-guidance
Of gebruik het volgende commando voor Codex:
$modern-web-guidance
Raadpleeg de documentatie van uw agent, of vraag uw agent hoe u de modern-web-guidance direct kunt activeren als u het niet zeker weet.
Integreer de serverzijde
Hoewel codeagents server-side passkey-code kunnen genereren, gebruiken ze mogelijk niet de nieuwste bibliotheekversies. De demo-repository voor passkey-vaardigheden bevat de simplewebauthn vaardigheid, een vaardigheid voor de aanbevolen server-side bibliotheek voor JavaScript en TypeScript: SimpleWebAuthn . Deze vaardigheid vult het gedrag van de codeagent aan.
Voor andere server-side programmeertalen raadt Google aan om passkeys te integreren met een taalspecifieke passkey-, FIDO2- of WebAuthn-bibliotheek, samen met een skill om de nieuwste API's te gebruiken. Auteurs van bibliotheken schrijven hun eigen skills, zodat codeeragenten altijd de nieuwste API's kunnen gebruiken.
Disclaimer en feedback
De vaardigheden Modern Web Guidance en Passkey bevinden zich in de previewfase. Deze vaardigheden zijn ontwikkeld en getest met behulp van het demo-project Passkey Skills met agents zoals Antigravity en Claude Code. Hoewel ze zijn getest met andere codebases, vereisen de vaardigheden mogelijk aanpassingen die verder gaan dan de meegeleverde voorbeeldprompts. Controleer de gegenereerde code om er zeker van te zijn dat deze aan uw verwachtingen voldoet en voeg indien nodig extra prompts toe.
Het Chrome-team werkt deze vaardigheden bij en voegt in de loop der tijd andere identiteits- en authenticatiefuncties toe aan Modern Web Guidance. Als u feedback of functieverzoeken heeft, kunt u deze indienen bij de modern-web-guidance-src- repository.
Probeer het vandaag nog om de invoering van een wachtwoord te vereenvoudigen.