CleanSliceBuild AI-First Full-Stack Apps with Clean Architecture

A slice-based architecture for NestJS + Nuxt applications. Compose features as independent, self-contained vertical slices — without AI drift.

Get Started

View on GitHub

ViewControllersUI ComponentsHtml / React / VueDataRepositoriesMappers

DtosGateways

Domain

TypesInterfacesServices

Setup

API

Auth

User

MCP Server

AI-Powered Architecture Guidance

Connect your coding agent to CleanSlice via the Model Context Protocol. Get real-time architecture patterns, slice structure rules, and code generation guidance — directly inside your editor.

📚 Architecture patterns & best practices
🧩 Slice scaffolding & structure guides
⚙️ NestJS + Nuxt code generation rules
✅ Naming conventions & type-safety checks

Learn More claude mcp add --scope user --transport http cleanslice https://mcp.cleanslice.org/mcp

🧩

Vertical Slices

Each feature is a self-contained slice with its own API, UI, data models, and tests. Add or remove features without affecting the rest of the app.

🏛️

Clean Architecture

Three-layer structure (Presentation, Domain, Data) within every slice. Dependencies always point inward toward the domain.

⚡

Fixed Stack, Zero Decisions

NestJS + Nuxt + Prisma + Tailwind. No decision fatigue — just start building. The framework handles the architecture so you can focus on features.

🔌

Setup Slices

Pre-built infrastructure slices for themes, state management, API integration, error handling, and i18n. Plug them in and go.

🚪

Gateway Pattern

Abstract data access behind gateway interfaces. Swap implementations without touching business logic. Test with mocks effortlessly.

🛡️

Type-Safe Throughout

Strict TypeScript conventions, generated API SDKs from OpenAPI specs, and domain types that keep your entire stack in sync.