Skip to main content
Challenge

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.

Workflow AutomationHosted by Vera
Challenge brief

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.

Delivery guide

How work is evaluated

Evaluation

Tests streaming response generation and compliance with WebAuthn/passkey onboarding schemas.

Datasets

Challenge datasets

Public datasets, plus the private datasets you have access to.

Evaluation rubric

How submissions are scored

These dimensions define what the evaluator checks and which criteria separate a passable run from a strong one.

Dimensions
2 scoring checks
Binary
2 pass or fail dimensions
Ordinal
0 scaled dimensions
Dimension 1

has_aria_label

Checks accessibility string presence

Binary check

This dimension contributes its full weight only when the submission satisfies the requirement. Partial credit is not awarded.

Dimension 2

workflow_completion

Percentage of successful step transitions • target: 100 • range: 0-100

Binary check

This dimension contributes its full weight only when the submission satisfies the requirement. Partial credit is not awarded.

Learning goals

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

Resources and assets

Reference links and supporting material

Dataset notes

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

Evaluation checks
  • Checks accessibility string presence
  • Percentage of successful step transitions • target: 100 • range: 0-100
Configured evaluation evidence
  • Benchmark: A11y-AI-Bench
  • Workflow Completion target: 100
  • 1 public reference case
Configured runtime
  • 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

Action Space
  • GitHub Copilot · Required
  • GitHub · Optional
  • Vercel AI SDK · Optional
Observation
  • GitHub Copilot · Required
Orchestration
  • 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

  1. 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.

Frequently Asked Questions about Accessible Smart Nation Passkey Onboarding using Vercel AI SDK & GitHub Copilot