القائمة
VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
| name | vechain-kit |
| description | VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup. |
| allowed-tools | [] |
| license | MIT |
| metadata | {"author":"VeChain","version":"0.1.0"} |
@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.Use this Skill for the VeChain Kit and dapp-kit packages specifically:
For generic frontend patterns (React Query, Turborepo, state management, Chakra UI, transaction UX), see the frontend skill.
| Layer | Default | Alternative |
|---|---|---|
| Frontend | @vechain/vechain-kit | @vechain/dapp-kit-react (lightweight/non-React) |
| Node | Node 20 LTS (managed via nvm) | -- |
Before installing dependencies or running any command:
.nvmrc exists in the project root. If yes, run nvm use..nvmrc does not exist, create one with 20 (Node 20 LTS) and run nvm use.turbo.json present → follow Turborepo conventions (apps/frontend, packages/*)useThor for Thor client access (both VeChain Kit and dapp-kit v2). useConnex is deprecated everywhere.When to ask the user: If the project doesn't already use VeChain Kit or dapp-kit and the user hasn't specified which to use, ask before choosing. Key questions:
When the user's request is ambiguous or could be solved multiple ways, ask before building. Separate research from implementation.
mainnet/testnet/solo)sendTransactionA task is not complete until all applicable gates pass:
npm run build or equivalent succeeds)Read the matching files BEFORE doing anything else. See Critical Rules above.
| Topic | File | Read when user mentions... |
|---|---|---|
| Setup & config | references/kit-setup.md | Installing VeChain Kit, provider setup, CSS framework, Tailwind, env vars, login methods, legal documents, ecosystem apps, common pitfalls |
| Hooks | references/kit-hooks.md | useWallet, useCallClause, useSendTransaction, useBuildTransaction, useSignMessage, contract reads, transactions, VET domains, NFTs, blockchain hooks, language/currency, @vechain/contract-getters |
| Components & modals | references/kit-components.md | WalletButton, TransactionModal, TransactionToast, modal hooks, isolated views |
| Social login | references/kit-social-login.md | Social login, smart accounts, account abstraction, Privy setup, fee delegation for social login, DIY social login |
| Theming | references/kit-theming.md | Theming, colors, fonts, buttons, glass effects, bottom sheet, Chakra UI compatibility, webpack fallbacks |
| dapp-kit | references/frontend-dappkit.md | dapp-kit, DAppKitProvider, lightweight wallet |
| Translations + Kit | references/translations-vechain-kit.md | i18n, translations, language sync, VeChain Kit language, missing translations, pre-commit, ESLint, unused keys |
Scaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment. Supports standalone (frontend-only) or monorepo (Turbo + Hardhat contracts) modes. Use when creating a new VeChain project, scaffolding a dApp, setting up a VeChain frontend, or bootstrapping a VeChain monorepo.
Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX.
Interview me relentlessly about every aspect of this plan until we reach a shared understanding. Walk down each branch of the design tree, resolving dependencies between decisions one-by-one.
Secure GitHub Actions workflows against supply-chain, privilege, and shell-injection risks. Use when creating, scaffolding, editing, or reviewing `.github/workflows/*.yml`, reusable workflows, `action.yml`, or Dependabot config for GitHub Actions. Also use for full repository security audits ("audit my workflows", "harden this repo", "security scan", "pin actions to SHA"), secrets scanning with gitleaks and trufflehog, and pre-public-release security reviews. Enforce full 40-character commit SHA pinning, avoid `pull_request_target` on untrusted code, pass GitHub context into `run:` steps via `env:`, and set least-privilege permissions.
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.
Manages translation files for react-i18next. Adds/removes keys across 15 languages, keeps files sorted, enforces fixed-word rules, and verifies sync with en.json.
استنادا إلى تصنيف SOC المهني
