Skip to main content
skill CX Codex

sumsub-integrate-websdk — Claude Code skill: Sumsub KYC via WebSDK

Walks a web project through the full Sumsub KYC integration, from picking a level to the webhook that finally grants the user access.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add sumsub/agent-skills --skill sumsub-integrate-websdk -a claude-code
Open on GitHub

What sumsub-integrate-websdk does

The skill drives the whole loop. Stage one is a levelName that already lives in your workspace; if you don't have one, the agent talks through what the check should contain and hands the job to the sibling skill sumsub-create-level. It won't invent a questionnaire on its own.

Stage two is your backend. A route signs the request with HMAC and asks Sumsub for a short-lived access token scoped to one (userId, levelName) pair. The userId you pass becomes externalUserId, so keep it stable and opaque — a UUID or a database row id, never an email. Pick it badly and you get duplicate applicants, tickets about verifications stuck in submitted, and no way to resume a check the user abandoned.

On the client the skill loads sns-websdk-builder.js from the CDN, then initialises snsWebSdk and launches the widget. Here is the part teams usually get wrong: browser callbacks such as onApplicantStatusChanged are for the interface only. Gate access on the applicantReviewed webhook plus a server-side applicant read. You also need a sandbox App Token and secret pair, because a production token spins up sessions against real applicants.

What it helps with

  • embed the Sumsub KYC widget on a page and start a check
  • sign a server request and hand an access token to the browser
  • refresh the token while the user is still verifying
  • separate browser UX callbacks from the authoritative verdict
  • test the whole flow in sandbox before going live

Example prompts for the agent

  • Add the Sumsub WebSDK to the verification page using level basic-kyc-level
  • Create a POST /api/sumsub/access-token route that returns a token for the logged-in user
  • Handle the applicantReviewed webhook and grant access from the verdict

How to install sumsub-integrate-websdk

1Skills CLI (Vercel)

npx skills add sumsub/agent-skills --skill sumsub-integrate-websdk -a claude-code

2Manually: put the files in place

~/.claude/skills/sumsub-integrate-websdk/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/sumsub-integrate-websdk/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about sumsub-integrate-websdk

How do I install sumsub-integrate-websdk in Claude Code?

Run npx skills add sumsub/agent-skills --skill sumsub-integrate-websdk -a claude-code. The skill lands at ~/.claude/skills/sumsub-integrate-websdk/SKILL.md.

What does sumsub-integrate-websdk do?

It covers a Sumsub KYC integration end to end: level setup, server-side access-token signing, snsWebSdk init, lifecycle events, token refresh, webhooks and sandbox testing.

Can I use a production App Token during integration?

No. The skill insists on a sandbox App Token and secret pair, since a production token creates real SDK sessions tied to real applicants.

Similar skills

Everything for Frontend and UI →

From the same set11

sumsub-create-questionnaire Turns a short spec into a Sumsub KYC questionnaire definition, pushes it to the API and hands back the id for level wiring. CX Codex +1 1,200installs sumsub-create-cross-check-preset Creates and edits Sumsub cross-check presets, the rules that decide how names and addresses on POI and POA documents are compared. Useful when the shipped defaults do not fit. CX Codex +1 1,200installs sumsub-create-level Turns a short list of verification steps into a Sumsub applicant level, posts it to the API and shows what the server actually kept. CX Codex +1 1,200installs sumsub-check-skills-version Compares your installed Sumsub agent-skills package against the published version and warns you when the skills are stale. Runs before Sumsub work. CX Codex +1 1,200installs sumsub-conformance Walks a live Sumsub configuration and answers one question per requirement: is it collected, scored, enforced? Flags the items that are gathered and scored but never acted on. CX Codex +1 973installs sumsub-integrate-dint-websdk Adds Sumsub Device Intelligence to an existing WebSDK flow. Use it to bind device signals to an applicant and read device risk labels. CX Codex +1 960installs sumsub-integrate-id-connect Walks your agent through the whole Sumsub ID Connect integration: sign-in button, code-to-token exchange, user consent and applicant creation in your workspace. CX Codex +1 960installs sumsub-integrate-msdk Walks an agent through adding Sumsub Mobile SDK to a native iOS or Android app, from dependency install to launching the verification screen. CX Codex +1 958installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor