ReddRadar
Agent skill
weavr-ui
Use when implementing Weavr UI components for secure payment flows, authentication (password/passcode), KYC/KYB verification, or card display
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/weavr-ui
SKILL.md
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
- references/components.md - Full component API
- references/styling.md - Styling and customization
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?