skills.rest
devrelaicom
devrelaicomOFFICIAL
Explore all skills by this author →
GitHub

midnight-dapp-dev:init

Scaffold a Midnight DApp frontend with Vite + React 19 UI and API packages.

37|9|Updated Feb 25, 2026
Search Tags:#templates#frontend#react#scaffold#vite#dapp#midnight
One-click install
npx skills add https://github.com/devrelaicom/midnight-expert --skill midnight-dapp-dev-init
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: midnight-dapp-dev:init
Source: https://github.com/devrelaicom/midnight-expert/tree/main/plugins/midnight-dapp-dev/skills/init
Command: npx skills add https://github.com/devrelaicom/midnight-expert --skill midnight-dapp-dev-init

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill automates scaffolding a full Midnight DApp frontend, generating a Vite + React 19 UI, a TypeScript API package, wallet integration, and contract interaction boilerplate, so you can start building quickly.

Core Features & Use Cases

  • Scaffolds a Vite + React 19 frontend, a UI package directory, and an API package directory
  • Configures wallet connection, provider assembly, and contract interaction boilerplate
  • Detects the project name from root package.json and supports multiple contract packages

Quick Start

Run the init script to generate the DApp frontend skeleton in the current project.

Frequently Asked Questions about midnight-dapp-dev:init

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Midnight DApp frontend with Vite and React?▼

To scaffold a Midnight DApp frontend, run the init script at your workspace root to generate a Vite + React 19 UI package and an API package with wallet connection and contract interaction boilerplate.

What does the Midnight DApp scaffold include for wallet connection and contract interaction?▼

The Midnight DApp scaffold includes preconfigured wallet connection, provider assembly, and contract interaction boilerplate within the generated UI and API packages, allowing you to start building blockchain interactions immediately.

Can I use pnpm or yarn to scaffold a Midnight DApp frontend project?▼

Yes, you can use pnpm, yarn, or npm. The init script automatically detects the lockfile in your workspace root to determine the active package manager and configures the generated UI and API scaffolds accordingly.

Does the Midnight DApp scaffold support multiple contract packages in one workspace?▼

Yes, the Midnight DApp scaffold detects multiple contract packages within your workspace. It reads the root package.json to identify the project name and contract packages to wire up the generated frontend.

What is the best way to set up a Vite and React 19 frontend for a Midnight blockchain project?▼

The best way to set up a Vite and React 19 frontend for a Midnight project is to run the init script, which generates ready-to-run UI and API scaffolds and updates root workspaces when present.

Do I need a root package.json to generate a Midnight DApp frontend scaffold?▼

Yes, you need a root package.json. The scaffold generator reads it to detect the project name and update root workspaces when present, ensuring the UI and API packages integrate correctly into your existing project structure.

Related Skills

Explore More Software Engineering Skills→
e-burgose-burgos
2

link-workspace-packages

Link workspace dependencies across pnpm, yarn, npm, and bun in a monorepo.

Community
Intermediate
multiversxmultiversx
12

multiversx-dapp-frontend

Integrate React frontends with MultiversX blockchain for wallet and transaction handling.

Official
Intermediate
ArianHobson333ArianHobson333
7

reentrancy

Identify and validate reentrancy vulnerabilities in smart contracts.

Community
Intermediate
devrelaicomdevrelaicom
37

midnight-dapp-dev:core

Scaffold a Midnight DApp frontend with Vite and React.

Official
Advanced