A comprehensive framework for building resilient full-stack applications with standardized backend architecture and seamless frontend integration.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install minimax-fullstack-dev
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 minimax-fullstack-dev 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 Fullstack Development Skill?
The fullstack-dev skill is an advanced architectural guide designed for Openclaw Skills users to build scalable, production-ready applications. It enforces a strict Three-Layer Architecture (Controller-Service-Repository) and a feature-first organization strategy to ensure code maintainability and clarity. By bridging the gap between backend services and frontend clients, it provides a unified approach to modern development.
This skill focuses on the 'glue' of web applications, offering robust patterns for API client configuration, cross-boundary error handling, and real-time communication. It prioritizes the Twelve-Factor App principles, ensuring that every project scaffolded with this skill is secure, observable, and ready for high-scale deployment environments.
Fullstack Development Skill Use Cases
- Scaffolding new full-stack applications using React, Next.js, Express, or Python backends.
- Designing RESTful or GraphQL APIs with standardized error handling and input validation.
- Implementing secure authentication flows including JWT, refresh tokens, and RBAC.
- Integrating real-time features such as WebSockets or Server-Sent Events (SSE).
- Hardening existing services for production with health checks and graceful shutdown logic.
How Fullstack Development Skill Works
- Requirement Gathering: The skill initiates by defining the tech stack, service type, database, and integration protocols.
- Architectural Decisioning: It selects the project structure (feature-first) and API strategies before any code is written.
- Scaffold Implementation: Following a rigorous checklist, it sets up centralized config, migrations, and global error handlers.
- Frontend-Backend Glue: It configures the API client layer (e.g., React Query or tRPC) to ensure type safety across the stack.
- Verification & Handoff: The workflow concludes with build checks, smoke tests, and a summary of implemented endpoints.
Fullstack Development Skill Setup
To utilize this skill within your AI agent environment, ensure your project follows the recommended directory structure and install necessary dependencies based on your stack.
# Example: Initialize a feature-first backend structure
mkdir -p src/features/orders src/shared/middleware src/shared/database
# Example: Run migrations for your chosen stack
npx prisma migrate dev # For TypeScript/Prisma
alembic upgrade head # For Python/Alembic
Fullstack Development Skill Data Schema & Taxonomy
The skill organizes data and code based on a Feature-First taxonomy rather than technical layers. Below is the standard file organization:
| Directory | Contents | Purpose |
|---|---|---|
src/[feature]/ |
Controllers, Services, Repos, DTOs | Encapsulates all logic for a specific domain (e.g., /users). |
src/shared/ |
Database config, Middleware, Utils | Shared logic used across multiple features. |
migrations/ |
SQL or ORM migration files | Version-controlled database schema changes. |
.env.example |
Environment templates | Documented configuration requirements without secrets. |
Fullstack Development Skill Advanced Features
- Multi-agent support for concurrent backend and frontend development.
- Transparent JWT refresh token rotation with httpOnly cookie integration.
- Presigned URL patterns for high-performance file uploads direct to S3.
- Idempotent background job processing patterns for resilient async tasks.
- Automated OpenAPI or tRPC client generation for end-to-end type safety.
SKILL.md
Loading
Related Openclaw Skills
Worth Buying
Worth Buying is a decisive shopping advisor skill that cuts through marketing noise to find the lowest real prices and best value options across major platforms.
Shader Craft
A comprehensive toolkit for creating stunning real-time visual effects using 36 professional GLSL shader techniques.
t-label Deep Learning Automation
An all-in-one automation skill for the t-label deep learning platform, covering everything from deployment to model exporting.
ClawMobile - Android Automation Toolkit
ClawMobile is a comprehensive Android automation suite deeply integrated with AutoX.js to provide workflow management, task recording, and AI-driven intervention.
ClawNetwork Node & Miner
A lightweight blockchain integration enabling AI agents to mine CLAW, register identities, and interact with decentralized service registries.
Email Inbox Triage
An intelligent email management skill that identifies priority messages, summarizes threads, and drafts action-oriented responses.
Featured*
