Skip to content

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.

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
Ecosystem

One architecture, four packages

CleanSlice ships as a small constellation of focused tools — each one solves a single problem in the AI-agent stack, all built on the same NestJS + Nuxt + slices foundation.

Ranch

Agent deployment platform on Kubernetes

Multi-tenant control plane for AI agents. GitOps with ArgoCD, agent runs on Argo Workflows, managed Postgres per tenant.

  • GitOps-native deployment via ArgoCD
  • Argo Workflows for parallel agent runs
  • Per-tenant ranches with isolated workspaces
  • Built-in admin panel + dashboard
Quick start
bun add -g @cleanslice/ranch && ranch dev
Built with CleanSlice

In production

Real products running on the CleanSlice stack today.

Quick Start

bash
npx create-cleanslice my-app
cd my-app

Then set up Claude Code with the CleanSlice MCP server:

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

Built with CleanSlice