Scaffold Nextjs
mblode/agent-skills
Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.
Scaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment.
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vechain/x-app-template create-vechain-dapp --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .claude/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.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/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .claude/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dappType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vechain/x-app-template create-vechain-dapp --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .agents/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .agents/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vechain/x-app-template create-vechain-dapp --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .cursor/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .cursor/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vechain/x-app-template.git --path .agents/skills/create-vechain-dapp--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vechain/x-app-template create-vechain-dapp --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .gemini/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .gemini/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vechain/x-app-template create-vechain-dappInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .github/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .github/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vechain/x-app-template --skill create-vechain-dapp -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vechain/x-app-template create-vechain-dapp --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vechain/x-app-template.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/create-vechain-dapp .opencode/skills/create-vechain-dapp && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "create-vechain-dapp" agent skill from https://github.com/vechain/x-app-template/tree/main/.agents/skills/create-vechain-dapp into .opencode/skills/create-vechain-dapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-vechain-dapp", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
create-vechain-dappScaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment.
Create Vechain Dapp is an agent skill from vechain/x-app-template. 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.
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/monorepo.md`, `references/shared.md` and `references/standalone.md`).
It sits in Development, covering Smart contracts, Monorepo tooling and Design systems. It works with GitHub and Next.js. The repository describes itself as: Vechain VeBetterDAO X-App template. The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 8692b6a. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
yarngitmakenvmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use yarn and git, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Create Vechain Dapp loads about 1.8k tokens when it runs, and up to ~16k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 753 words of instructions outside code blocks.
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.
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.
The full file from vechain/x-app-template at commit 8692b6a, republished under its MIT licence (© vechain). 753 words, ~1,806 tokens.
.claude/skills/create-vechain-dapp/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.Scaffold a production-ready VeChain dApp with wallet connection, dark mode, and GitHub Pages deployment.
shared.md — it contains the source code templates used by both modes.| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router, static export) |
| UI | Chakra UI v3, next-themes |
| Wallet | @vechain/vechain-kit (VeWorld + WalletConnect) |
| State | React Query |
| Contracts | Hardhat + @vechain/sdk-hardhat-plugin + OpenZeppelin UUPS (monorepo only) |
| Build | Turborepo (monorepo only) |
| Deploy | GitHub Pages via GitHub Actions |
| Node | 20 LTS |
Ask the user (use structured questions if available):
my-vechain-dapp)standalone (frontend only) or monorepo (Turbo + contracts)test or main (default: test)Read the appropriate reference files and create all files.
Standalone mode:
{{TARGET_DIR}}/{{PROJECT_NAME}}/Monorepo mode:
{{TARGET_DIR}}/{{PROJECT_NAME}}/apps/frontend/packages/Replace these placeholders in ALL templates:
| Placeholder | Value |
|---|---|
{{PROJECT_NAME}} | kebab-case project name |
{{PROJECT_TITLE}} | Title-case project name (for UI display) |
{{NETWORK_TYPE}} | test or main |
cd {{PROJECT_NAME}}
nvm use
yarn installStandalone: yarn dev (localhost:3000), yarn build (static export → out/)
Monorepo: make solo-up (start Thor solo node, requires Docker), then yarn dev (auto-deploys contracts to solo), yarn build, yarn contracts:compile, yarn contracts:test. Stop with make solo-down, reset with make solo-clean.
git init && git add . && git commit -m "Initial scaffold: VeChain dApp"yarn dev starts without errorsyarn build produces static output.github/workflows/deploy.yml is presentVeChain Kit cannot run server-side. The entire app shell (ClientApp) is loaded via dynamic(() => ..., { ssr: false }) in layout.tsx. All VeChain Kit imports inside ClientApp children work normally since the parent is already client-only.
next.config.js uses output: "export" with configurable basePath/assetPrefix via NEXT_PUBLIC_BASE_PATH env var. GitHub Actions defaults to /${{ github.event.repository.name }} for GitHub Pages. Set to empty string for custom domains. Important: metadata.icons and raw <img src> paths do NOT auto-prepend basePath — prefix them manually.
Pin @chakra-ui/react to an exact version (currently 3.30.0). VeChain Kit uses Chakra v2 internally, and newer v3 releases can break VeChain Kit's button/modal theming.
ChakraProvider → ColorModeProvider → QueryClientProvider → VeChainKitProvider → App
All contracts in the monorepo scaffold are UUPS upgradeable using OpenZeppelin's upgradeable contracts and a custom VeChainProxy.sol (ERC1967). Key files:
scripts/helpers/upgrades.ts — core deploy/upgrade proxy helpers. Copy as-is from the template. All deploy scripts, upgrade scripts, and tests depend on it.contracts/VeChainProxy.sol — ERC1967 proxy contract. Copy as-is.scripts/deploy/deploy.ts — production deployment using deployProxy from helpers.scripts/upgrade/ — interactive CLI upgrade system with versioned config registry.For contract architecture, upgrade patterns, storage safety, security, and testing — follow the smart-contract-development skill. It is the authoritative reference for all Solidity development patterns on VeChain.
The monorepo uses a packages/config package that centralizes contract addresses and network settings per environment. Key mechanics:
local.ts is git-ignored — each dev's solo deployment produces different addresses. A mock is auto-generated on first run.NEXT_PUBLIC_APP_ENV controls which config file is loaded (local, testnet, mainnet).yarn dev runs against solo, yarn dev:testnet against testnet, yarn dev:mainnet against mainnet.checkContractsDeployment.ts runs before dev for any environment — if contracts aren't deployed, it deploys them and writes addresses to the correct config file (local.ts, testnet.ts, or mainnet.ts).VeChainKitProvider wraps the app with network config and wallet optionsWalletButton from vechain-kit renders the connect/account buttonuseWallet, useSendTransaction, useCallClause for wallet/contract interactionvechain-kit skill for advanced patterns (hooks, theming, social login)vechain-core skill for SDK patterns (fee delegation, multi-clause)Read the matching files BEFORE creating any files. See Critical Rules above.
| Topic | File | Read when... |
|---|---|---|
| Shared source code | references/shared.md | Always — contains all component/provider templates |
| Standalone config | references/standalone.md | User chose standalone mode (frontend only) |
| Monorepo config | references/monorepo.md | User chose monorepo mode (Turbo + contracts) |
© vechain, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files (references) in .agents/skills/create-vechain-dapp of vechain/x-app-template.
Open the folder on GitHubat commit 8692b6a
Create Vechain Dapp 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Create Vechain Dapp this skillvechain/x-app-template | 450 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Scaffold Nextjsmblode/agent-skills | 144 | — | ~2.8k | Automated safety check: Pass | MIT | |
| Linea Dependency MaintenanceConsensys-Incorporated/linea-attestation-registry | 177 | 1 repos | ~3.7k | Automated safety check: Warn | MIT | |
| Scaffold ProjectMarve10s/Better-Fullstack | 754 | — | ~716 | Automated safety check: Pass | MIT | |
| Project Scaffoldingaiskillstore/marketplace | 430 | — | ~2k | Automated safety check: Pass | None | |
| Prepare Cloudflare Production DeploymentLubomirGeorgiev/cloudflare-workers-nextjs-saas-template | 786 | — | ~5.9k | Automated safety check: Notes | MIT |
mblode/agent-skills
Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.
Consensys-Incorporated/linea-attestation-registry
Safely plan and execute dependency maintenance for JavaScript/TypeScript (npm, pnpm) and GitHub Actions, including npm lockfiles, pnpm workspaces, catalogs, overrides, SHA-pinned action versions…
Marve10s/Better-Fullstack
Scaffold a new app, API, backend, fullstack project, mobile app, polyglot service, monorepo, or starter with Better Fullstack.
aiskillstore/marketplace
IDE-grade project scaffolding wizard for creating new projects with comprehensive configuration.
LubomirGeorgiev/cloudflare-workers-nextjs-saas-template
Source-of-truth runbook for preparing this Vinext Cloudflare Workers SaaS template for production deployment.
lidofinance/diffyscan
Creates or extends a Diffyscan verification config for a deployed contract or deployment.
vechain/x-app-template
Secure GitHub Actions workflows against supply-chain, privilege, and shell-injection risks.
vechain/x-app-template
Manages translation files for react-i18next. An agent skill from vechain/x-app-template.
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.
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.
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.
vechain/x-app-template
Core VeChain development — SDK usage, fee delegation (VIP-191), multi-clause transactions, dual-token model, legacy migration, and general VeChainThor development patterns.
Categories
Scaffold a VeChain dApp with Next.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment. Create Vechain Dapp is an agent skill from vechain/x-app-template.js, VeChain Kit, Chakra UI v3, and GitHub Pages deployment.
Create Vechain Dapp fits situations like: creating a new VeChain project; scaffolding a dApp; setting up a VeChain frontend; bootstrapping a VeChain monorepo.
Run `npx skills add vechain/x-app-template --skill create-vechain-dapp -a claude-code`. Or copy the skill folder (.agents/skills/create-vechain-dapp in vechain/x-app-template) into .claude/skills/create-vechain-dapp in your project. Claude Code loads it when a task matches its description.
Run `npx skills add vechain/x-app-template --skill create-vechain-dapp -a codex`. Or copy the skill folder (.agents/skills/create-vechain-dapp in vechain/x-app-template) into .agents/skills/create-vechain-dapp in your project. Codex loads it when a task matches its description.
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 create-vechain-dapp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/create-vechain-dapp, .gemini/skills/create-vechain-dapp, .github/skills/create-vechain-dapp and .opencode/skills/create-vechain-dapp in your project.
Going by SKILL.md and its folder, Create Vechain Dapp needs the command-line tools its instructions call (yarn, git, make and nvm). Our summary lists: Docker.
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
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.
Create Vechain Dapp is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.8k tokens (SKILL.md is roughly 7.2k 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 14k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Create Vechain Dapp: Scaffold Nextjs (mblode/agent-skills, 144 stars), Linea Dependency Maintenance (Consensys-Incorporated/linea-attestation-registry, 177 stars), Scaffold Project (Marve10s/Better-Fullstack, 754 stars) and Project Scaffolding (aiskillstore/marketplace, 430 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
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.