New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Vechain React Native Dev

by vechain in vechain/x-app-template

React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support.

MITAuto-check passedMobile

Install Vechain React Native Dev

skills CLI
$ npx skills add vechain/x-app-template --skill vechain-react-native-dev -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vechain/x-app-template vechain-react-native-dev --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/vechain-react-native-dev .claude/skills/vechain-react-native-dev && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
vechain-react-native-dev
GitHub stars
450
Token cost
~1.5k tokens
SKILL.md length
680 words
Files
4 (incl. references)
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support.

  • Works in 5 steps: Check Node version → Detect project structure → Clarify before implementing → …
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers CRITICAL RULES, Scope, Default stack and Operating procedure, plus 1 more section
  • Calls nvm and npx

What it does

Vechain React Native Dev is an agent skill from vechain/x-app-template. React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/deep-link-setup.md`, `references/example-integration.md` and `references/wallet-link-api.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with React Native. The repository describes itself as: Vechain VeBetterDAO X-App template. The licence is MIT.

When your agent uses it

  • Tasks that involve Cross-platform mobile apps

Example prompts

  • “/vechain-react-native-dev”

Requirements

  • Node.js

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Check Node version
  2. Detect project structure
  3. Clarify before implementing
  4. Implement with VeChain-specific correctness
  5. Verify and deliver

What it can do on your machine

Read from SKILL.md and the folder at commit 8692b6a. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • nvm
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Vechain React Native Dev loads about 1.5k tokens when it runs, and up to ~8.2k if it reads all its reference files. Until then it costs about 49 tokens; SKILL.md has 680 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~49
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~8.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from vechain/x-app-template at commit 8692b6a, republished under its MIT licence (© vechain). 680 words, ~1,494 tokens.

Download SKILL.mdSave it as .claude/skills/vechain-react-native-dev/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
vechain-react-native-dev
description
React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support.
license
MIT
metadata.author
VeChain
metadata.version
0.1.0

CRITICAL RULES

  1. Read reference files FIRST. When the user's request involves any topic in the reference table below, read those files before doing anything else — before writing code, before making decisions. Briefly mention which files you are reading so the user can confirm the skill is active (e.g., "Reading wallet link API reference...").
  2. Information priority for VeChain topics: (a) Reference files in this skill — always the primary source. (b) VeChain MCP tools — use @vechain/mcp-server for on-chain data, transaction building, and live network queries; use Kapa AI MCP for VeChain documentation lookups. (c) Web search — only as a last resort, and only for topics NOT covered in the reference files.
  3. Prefer working directly in the main conversation for VeChain tasks. Plan mode and subagents do not inherit skill context and may fall back to web search instead of using reference files.
  4. After compaction or context loss, re-read this SKILL.md to restore awareness of the reference table and operating procedure before continuing work.

Scope

Use this Skill for React Native dApp development integrating with VeWorld wallet:

  • Installing and configuring @vechain/react-native-wallet-link
  • VeWorldProvider setup with deep link handling and event callbacks
  • useVeWorldWallet hook — connect, disconnect, sign certificates, sign typed data, sign and send transactions
  • NaCl key pair generation, encrypted communication, payload decryption
  • Deep link configuration for iOS (URL schemes, universal links) and Android (intent filters)
  • State management for wallet sessions (key pair, session, address persistence)
  • Multi-clause transaction signing via VeWorld
  • Certificate signing (identification, verification, attestation)
  • EIP-712 typed data signing
  • Error handling for wallet responses
  • Multi-network support (mainnet, testnet, solo)

For related topics, see companion skills:

  • vechain-core — Core SDK usage, fee delegation, multi-clause patterns, dual-token model
  • vechain-kit — VeChain Kit and dapp-kit packages: hooks, components, wallet connection, social login
  • frontend — Generic frontend patterns: React Query, Turborepo, state management, Chakra UI
  • smart-contract-development — Solidity, Hardhat, testing, security

Default stack

LayerDefaultAlternative
Wallet link@vechain/react-native-wallet-link—
SDK@vechain/sdk-core + @vechain/sdk-network—
FrameworkExpo (React Native)bare React Native
StateZustand + AsyncStorageany persisted store
NodeNode 20 LTS (managed via nvm)—

Operating procedure

1. Check Node version

Before installing dependencies or running any command:

  • Check if .nvmrc exists in the project root. If yes, run nvm use.
  • If .nvmrc does not exist, create one with 20 (Node 20 LTS) and run nvm use.
2. Detect project structure
  • Expo project → use expo-linking for deep link handling
  • Bare React Native → use react-native Linking API directly
  • Check for existing state management (Zustand, Redux, Context) and match it
Show full SKILL.md (268 more words)Show less
3. Clarify before implementing

When the user's request is ambiguous or could be solved multiple ways, ask before building. Separate research from implementation:

  • Which network? (mainnet/testnet/solo)
  • Which operations? (connect only, signing, transactions)
  • State management preference?
  • Deep link scheme name?
4. Implement with VeChain-specific correctness
  • Always install peer dependencies: @vechain/sdk-core, @vechain/sdk-network, react-native-get-random-values, events
  • Import react-native-get-random-values before any NaCl usage — required for crypto in React Native
  • Network: always explicit (mainnet/testnet/solo) via the node URL passed to VeWorldProvider
  • Key pairs: generate with nacl.box.keyPair(), store Base64-encoded via encodeBase64() from tweetnacl-util
  • Session persistence: persist keyPair, veWorldPublicKey, address, and session across app restarts
  • Error handling: always check for errorCode in wallet responses before processing decrypted data
  • Deep links: configure platform-specific URL schemes so VeWorld can redirect back to the app
5. Verify and deliver

A task is not complete until all applicable gates pass:

  1. Code compiles — no build errors (npx expo start or equivalent succeeds)
  2. Deep links configured — iOS Info.plist and/or Android intent filters set up
  3. Risk notes documented — any signing, fee, or token-transfer implications are called out

Then provide:

  • Files changed + diffs
  • Install/build commands
  • Deep link scheme configuration steps
  • Risk notes for signing, fees, token transfers

Reference files

Read the matching files BEFORE doing anything else. See Critical Rules above.

TopicFileRead when user mentions...
API and hook referencereferences/wallet-link-api.mduseVeWorldWallet, VeWorldProvider, connect, disconnect, signCertificate, signTypedData, signAndSendTransaction, key pair, encrypt, decrypt
Deep link and platform setupreferences/deep-link-setup.mddeep link, URL scheme, universal link, iOS, Android, intent filter, redirect, Expo linking, app.json
Example integrationreferences/example-integration.mdexample, demo, full app, tutorial, how to use, getting started, Zustand, state management, VET transfer

© vechain, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (references) in .agents/skills/vechain-react-native-dev of vechain/x-app-template.

  • SKILL.md
  • references/deep-link-setup.md
  • references/example-integration.md
  • references/wallet-link-api.md

Open the folder on GitHubat commit 8692b6a

Compare with similar skills

Vechain React Native Dev next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Vechain React Native Dev compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Vechain React Native Dev this skillvechain/x-app-template450—~1.5kAutomated safety check: PassMIT
React Native Best Practicesvercel-labs/openreview1.7k17 repos~1.1kAutomated safety check: PassMIT
Creating Reanimated Animationsgluestack/gluestack-ui5.3k—~2.4kAutomated safety check: PassNone
RtlGetStream/stream-chat-react-native1.2k—~4.4kAutomated safety check: PassCustom licence
Mobile App UI Designceorkm/mobile-app-ui-design400—~2kAutomated safety check: PassNone
Sleek Design Mobile Appssleekdotdesign/agent-skills583—~2.1kAutomated safety check: PassMIT

Similar skills

  • React Native Best Practices

    vercel-labs/openreview

    Official

    A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.

    1.7k GitHub starsUsed in 17 repos~1.1k tokens
    MobileAuto-check passed

  • Creating Reanimated Animations

    gluestack/gluestack-ui

    Generate React Native Reanimated animation code for React Native apps.

    5.3k GitHub stars~2.4k tokensUpdated 1 mo ago
    MobileAuto-check passed

  • Rtl

    GetStream/stream-chat-react-native

    Audit and maintain RTL (right-to-left) layout compatibility in stream-chat-react-native.

    1.2k GitHub stars~4.4k tokensUpdated yesterday
    MobileAuto-check passed

  • Mobile App UI Design

    ceorkm/mobile-app-ui-design

    Design high-quality mobile app UI/UX screens, flows, and components.

    400 GitHub stars~2k tokensUpdated 3 mo ago
    MobileAuto-check passed

  • Sleek Design Mobile Apps

    sleekdotdesign/agent-skills

    Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.

    583 GitHub stars~2.1k tokensUpdated 2 days ago
    MobileAuto-check passed

  • Argent Metro Debugger

    bbplayer-app/BBPlayer

    Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.

    1.1k GitHub stars~3.4k tokensUpdated yesterday
    MobileAuto-check passed

More from vechain/x-app-template

All 11 skills in this repo

  • Create Vechain Dapp

    vechain/x-app-template

    Scaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment.

    450 GitHub stars~1.8k tokensUpdated 2 mo ago
    Auto-check passed

  • Secure GitHub Actions

    vechain/x-app-template

    Secure GitHub Actions workflows against supply-chain, privilege, and shell-injection risks.

    450 GitHub stars~1.2k tokensUpdated 2 mo ago
    Auto-check passed

  • Translate

    vechain/x-app-template

    Manages translation files for react-i18next. An agent skill from vechain/x-app-template.

    450 GitHub stars~1.2k tokensUpdated 2 mo ago
    Auto-check passed

  • Frontend

    vechain/x-app-template

    Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX.

    450 GitHub stars~1.1k tokensUpdated 2 mo ago
    Auto-check passed

  • Smart Contract Development

    vechain/x-app-template

    Solidity smart contract development on VeChainThor — Hardhat setup, ERC-20/721 patterns, upgradeable contracts, gas optimization, testing with Thor Solo, security auditing, and ABI codegen.

    450 GitHub stars~1.1k tokensUpdated 2 mo ago
    Auto-check passed

  • Vebetterdao

    vechain/x-app-template

    VeBetterDAO and X2Earn app development — B3TR/VOT3 tokens, reward distribution, sustainability proofs, app submission, governance, VeVote, quadratic funding, B3MO Quests, and navigators.

    450 GitHub stars~1.1k tokensUpdated 2 mo ago
    Auto-check passed

Works with

Categories

Questions about Vechain React Native Dev

What does Vechain React Native Dev do?

React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support. Vechain React Native Dev is an agent skill from vechain/x-app-template. React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and multi-network support.

When should I use Vechain React Native Dev?

Vechain React Native Dev fits situations like: tasks that involve Cross-platform mobile apps.

How do I install Vechain React Native Dev in Claude Code?

Run `npx skills add vechain/x-app-template --skill vechain-react-native-dev -a claude-code`. Or copy the skill folder (.agents/skills/vechain-react-native-dev in vechain/x-app-template) into .claude/skills/vechain-react-native-dev in your project. Claude Code loads it when a task matches its description.

How do I install Vechain React Native Dev in Codex?

Run `npx skills add vechain/x-app-template --skill vechain-react-native-dev -a codex`. Or copy the skill folder (.agents/skills/vechain-react-native-dev in vechain/x-app-template) into .agents/skills/vechain-react-native-dev in your project. Codex loads it when a task matches its description.

Can I use Vechain React Native Dev in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vechain/x-app-template --skill vechain-react-native-dev -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vechain-react-native-dev, .gemini/skills/vechain-react-native-dev, .github/skills/vechain-react-native-dev and .opencode/skills/vechain-react-native-dev in your project.

What does Vechain React Native Dev need to run?

Going by SKILL.md and its folder, Vechain React Native Dev needs the command-line tools its instructions call (nvm and npx). Our summary lists: Node.js.

Does Vechain React Native Dev access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Vechain React Native Dev safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Vechain React Native Dev use?

Vechain React Native Dev is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Vechain React Native Dev use?

About 1.5k tokens (SKILL.md is roughly 6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 6.7k tokens, read only when the agent opens those files.

What are the alternatives to Vechain React Native Dev?

Skills that share tags, products or a category with Vechain React Native Dev: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Creating Reanimated Animations (gluestack/gluestack-ui, 5.3k stars), Rtl (GetStream/stream-chat-react-native, 1.2k stars) and Mobile App UI Design (ceorkm/mobile-app-ui-design, 400 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Vechain React Native Dev?

vechain (a GitHub organization) maintains it in vechain/x-app-template, which has 450 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on July 20, 2026.

Source: vechain/x-app-template on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.