Accessible Smart Nation Passkey Onboarding using Vercel AI SDK & GitHub Copilot
Citizen service portals must seamlessly guide users through passkey adoption while ensuring strict accessibility standard compliance. Create an accessible TypeScript workflow using Vercel AI SDK and GitHub Copilot to assist citizens in completing passkey migration securely.
What you are building
The core problem, expected build, and operating context for this challenge.
Develop an accessible passkey migration workflow using Vercel AI SDK and GitHub Copilot engineering tools.
How work is evaluated
Tests streaming response generation and compliance with WebAuthn/passkey onboarding schemas.
Challenge datasets
Public datasets, plus the private datasets you have access to.
How submissions are scored
These dimensions define what the evaluator checks and which criteria separate a passable run from a strong one.
has_aria_label
Checks accessibility string presence
This dimension contributes its full weight only when the submission satisfies the requirement. Partial credit is not awarded.
workflow_completion
Percentage of successful step transitions • target: 100 • range: 0-100
This dimension contributes its full weight only when the submission satisfies the requirement. Partial credit is not awarded.
What you should walk away with
Implement streaming AI UI interactions with Vercel AI SDK
Leverage GitHub Copilot for accessible component development (WCAG 2.1 AA)
Automate passkey enrollment verification workflows
Reference links and supporting material
Synthetic device compatibility profiles and accessibility scenario trees.
Challenge setup
Tests streaming response generation and compliance with WebAuthn/passkey onboarding schemas.
Challenge input
User device capabilities and current onboarding step
AI SDK
Streaming AI interfaces
GitHub Copilot
Accessibility component code generation
Evaluated output
JSON action response with ARIA labels and next step
- Checks accessibility string presence
- Percentage of successful step transitions • target: 100 • range: 0-100
- Benchmark: A11y-AI-Bench
- Workflow Completion target: 100
- 1 public reference case
- JavaScript execution harness
- javascript sandbox (unavailable on Versalist)
Summary shows the first task, up to three tools, and up to three evidence items. Open the technical recipe to view all configured items.
View technical recipe
Configured tools
- GitHub Copilot · Required
- GitHub · Optional
- Vercel AI SDK · Optional
- GitHub Copilot · Required
- Vercel AI SDK · Optional
Evaluation contract
- has_aria_label · Weight 1
- workflow_completion · Weight 1
Metrics
- workflow_completion · Target 100
Benchmarks
- A11y-AI-Bench
- general
Reference cases
- 1 public reference case
Workflow tasks
- Task 1
Input: User device capabilities and current onboarding step
Output: JSON action response with ARIA labels and next step
Execution harness: JavaScript
Evaluation tools
- AI SDK · UI & Agent SDK
- GitHub Copilot · AI Engineering Tool
Recipe freeze marker
No recipe freeze time is recorded.