TiltedCode
Production-ready Next.js templates pre-wired for AI coding agents. Not a competing agent — a set of starter kits that make AI agents more effective at building real products.
Why Agent-Optimized Templates?
AI coding agents like Cursor, Claude Code, and Windsurf are transforming how software gets built. But they work best when they understand the project they're extending.
TiltedCode templates come with rich context files that teach agents the project's architecture, naming conventions, API patterns, and how to add new features. The agent doesn't just generate code — it generates code that fits.
Every template also ships with TiltedMCP connections pre-configured, so agents can immediately interact with databases, send messages, and manage external services.
Quick Start
# Interactive template picker
npx create-tilted-app
# Or specify a template directly
npx create-tilted-app my-saas --template saas
# Install and start
cd my-saas
pnpm install
pnpm dev
Templates
SaaS Starter
Complete SaaS foundation with authentication, billing, dashboard, and landing page. Pre-wired with Supabase, Stripe, and Tailwind.
npx create-tilted-app --template saasAI Chat App
Multi-model AI chat interface with streaming, conversation memory, and model switching. Supports OpenAI, Anthropic, and local models.
npx create-tilted-app --template ai-chatVoice Agent App
Full voice agent UI with TiltedVoice integration. Real-time transcription, conversation display, and agent control panel.
npx create-tilted-app --template voice-agentMCP Dashboard
Admin panel for managing MCP servers. Server list, invocation logs, metrics charts, and deployment controls.
npx create-tilted-app --template mcp-dashboardn8n + WhatsApp
Automation stack for the Indian market. WhatsApp Business integration, n8n workflow triggers, and CRM pipeline.
npx create-tilted-app --template whatsapp-automationEvery Template Includes
Agent Context Files
Pre-built .cursorrules and .claude configuration files that give AI agents deep understanding of the project structure, conventions, and how to extend it.
Pre-Wired MCP
Every template comes with TiltedMCP server connections already configured. Agents can query databases, send messages, and manage resources from day one.
Design System
Tailwind-based design system matching TiltedPrompts brand language. Dark-first, responsive, accessible. Consistent tokens across all templates.
Deploy Scripts
One-command deployment to Vercel or Cloudflare. CI/CD pipelines pre-configured. Environment variable management built in.
Project Structure
Every template follows a consistent directory structure that AI agents understand:
.cursorrules # Agent context for Cursor
.claude/ # Agent context for Claude Code
app/ # Next.js App Router pages
├── (marketing)/ # Public pages with Navbar+Footer
├── dashboard/ # Authenticated dashboard
└── api/ # API routes
components/ # Shared UI components
lib/ # Utils, Supabase client, helpers
mcp/ # TiltedMCP server configs
supabase/ # Migrations, seed data, RLS policies
tailwind.config.ts # Design system tokens
Distribution
CLI (Open Source)
npx create-tilted-app — interactive scaffolder with all free templates.
GitHub (Open Source)
Full source code for core templates. Fork, customize, contribute.
Members Area (Premium)
Advanced templates with premium features, priority support, and early access.
Next: The Laboratory
n8n workflows & WhatsApp automation