Claude Code Plugins

Community-maintained marketplace

Feedback

weavr-ui

@mcclowes/weavr-sdk-react
0
0

Use when implementing Weavr UI components for secure payment flows, authentication (password/passcode), KYC/KYB verification, or card display

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name weavr-ui
description Use when implementing Weavr UI components for secure payment flows, authentication (password/passcode), KYC/KYB verification, or card display

Weavr UI Component Library

Quick Start

// Include: <script src="https://sandbox.weavr.io/app/secure/static/client.1.js">
window.OpcUxSecureClient.init("{{ui_key}}");
var form = window.OpcUxSecureClient.form();
var input = form.input("p", "password", { placeholder: "Password" });
input.mount(document.getElementById("password"));
form.tokenize(function(tokens) { /* Send to server */ });

Core Principles

  • Tokenization: Sensitive data tokenized client-side, never touches your servers
  • PCI Compliance: Components qualify you for lowest PCI compliance level
  • Stepped-up Auth: Card display components require stepped-up auth tokens

Components

Type Component Method
Input password, confirmPassword, passCode, confirmPassCode, cardPin form.input()
Display cardNumber, cvv, pin OpcUxSecureClient.span()
Verify kyc, kyb, consumer_kyc OpcUxSecureClient.kyc() / kyb() / consumer_kyc()

Reference Files