passkeys-web

Implements WebAuthn/FIDO2 passkey authentication workflows for web applications.

926|71|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/GoogleChrome/modern-web-guidance-src --skill passkeys-web
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: passkeys-web
Source: https://github.com/GoogleChrome/modern-web-guidance-src/tree/main/skills-src/passkeys
Command: npx skills add https://github.com/GoogleChrome/modern-web-guidance-src --skill passkeys-web

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the common issue of coding agents generating outdated, insecure password-based authentication code instead of using modern native passkey web platform APIs, which reduces security vulnerabilities and improves user login experience.

Core Features & Use Cases

  • Full passkey workflow coverage: Provides step-by-step guidance for registration, authentication, passkey management, and reauthentication flows for web applications.
  • Security and compatibility best practices: Includes required database schema, AAGUID-based passkey provider detection, Signal API integration for credential sync, and conditional create/mediation flows for frictionless user adoption.
  • Real-world use case: A developer building a new web app can use this Skill to implement a production-ready passkey login system that works with platform authenticators (Face ID, Touch ID) and hardware security keys, with proper error handling and passkey management UI.

Quick Start

Use the passkeys-web skill to implement a complete passkey authentication system for your web app, including registration, login, passkey management, and conditional autofill support.

Frequently Asked Questions about passkeys-web

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement passkey authentication for a web app using WebAuthn?

Passkey authentication for web apps is implemented using WebAuthn APIs to replace legacy password logins. It provides step-by-step guidance for the full workflow, covering user registration, authentication, and passkey management.

What is conditional mediation in WebAuthn and how does it improve login?

Conditional mediation in WebAuthn enables seamless, frictionless user login experiences via autofill. This Skill includes guidance for implementing conditional create and mediation flows to improve user adoption without traditional login prompts.

How do I detect passkey providers using AAGUID in a web application?

AAGUID-based passkey provider detection identifies the authenticator source in a web application. This Skill includes AAGUID guidance and Signal API integration for credential synchronization across providers.

Does passkey web authentication work with hardware security keys and platform authenticators?

Passkey web authentication works with platform authenticators like Face ID and Touch ID, as well as hardware security keys. This Skill ensures FIDO2 compliance and robust error handling for cross-browser compatibility.

What database schema is required for passkey credential management?

A specific database schema is required to store passkey credentials and manage reauthentication flows. This Skill provides the necessary database schema requirements and passkey management UI guidance for production-ready systems.