A high-speed full-stack application generator that scaffolds production-ready MERN stack projects using clean MVC architecture.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install webappbuilder
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install webappbuilder using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Neo App Mode?
Neo App Mode is a specialized automation tool designed to streamline the transition from project requirements to working code. By leveraging Openclaw Skills, developers can bypass the repetitive manual setup of React, Vite, Tailwind CSS, and Node.js environments. This skill ensures that every project follows industry-standard MVC (Model-View-Controller) patterns, providing a robust, professional-grade foundation for scalable web applications and rapid prototyping.
Built to work seamlessly within an AI-driven development environment, it prioritizes technical excellence and architectural consistency. Whether you are building a simple CRUD tool or a complex enterprise dashboard, this skill automates the boilerplate so you can focus on building unique business logic within the Openclaw Skills ecosystem.
Neo App Mode Use Cases
- Scaffolding a new full-stack application from scratch using a single command.
- Rapidly prototyping CRUD-based modules with pre-configured JWT or Session authentication.
- Initializing standardized React + Vite + Tailwind CSS frontends with best-practice folder structures.
- Setting up Express and MongoDB backends that follow clean code and MVC principles.
How Neo App Mode Works
- The AI agent activates Neo App Mode when a user requests to build, create, or scaffold a new application.
- The skill performs a requirement intake process, asking for project names, user roles, API endpoints, and authentication preferences.
- Upon confirmation, the skill executes a dedicated scaffolding script to generate organized frontend and backend directories.
- The system populates the project with MVC components, including models, controllers, and routes, plus an API prefix of /api/v1.
- Environment templates and a starter README are generated to ensure the application is ready for immediate local deployment.
Neo App Mode Setup
To utilize this within your Openclaw Skills directory, ensure the scripts are executable. You can trigger the scaffolding process using the following command:
bash skills/neo-app-mode/scripts/scaffold_neo_app.sh \
--name <project-name> \
--path apps \
--with-auth jwt
Ensure you have Node.js and a MongoDB instance (local or Atlas) available for the generated application to connect to.
Neo App Mode Data Schema & Taxonomy
The skill organizes generated code into a clean, bifurcated structure designed for separation of concerns:
| Directory / File | Description |
|---|---|
frontend/ |
React + Vite + Tailwind source code and UI components. |
backend/ |
Node/Express logic following MVC (models, controllers, routes). |
.env.example |
Template for required environment variables for both tiers. |
apps/ |
The default destination directory for newly created projects. |
README.md |
Auto-generated instructions for running and deploying the scaffolded app. |
Neo App Mode Advanced Features
- Automated integration for JWT, Session-based, or OAuth authentication methods.
- Built-in API versioning (v1) and automated health check route generation.
- Support for custom project paths and dynamic module generation based on user roles.
- Extensible MVC architecture that adheres to strict clean code principles for Openclaw Skills users.
- Automatic fallback to default requirements if specific project details are not provided.
SKILL.md
Loading
Related Openclaw Skills
Warehouse Chart Reports
A visual reporting toolkit that transforms warehouse database records into professional charts, table images, and KPI summaries.
Skill Creator
A comprehensive framework and toolkit for developing modular extensions that equip AI agents with specialized procedural knowledge and automated workflows.
Tencent Doc Update Watch
A privacy-focused tool for re-crawling Tencent Docs and generating automated diff reports to track content changes.
Peter PR Ops
An automated pull request management tool for serial merging and batch PR cleanup.
Gamification & XP System
A comprehensive XP and achievement system that transforms daily productivity into a rewarding game-like experience.
Hyperliquid DEX Integration
A read-only integration to monitor Hyperliquid DEX perpetual positions, account balances, and margin risk data.
Featured*
