AI-Powered Development

Vibestacks includes a complete Claude Code configuration out of the box. This means you can build features, create components, and modify your codebase using natural language - Claude already understands your project structure, conventions, and patterns.

What is Vibe Coding?

"Vibe coding" is a development workflow where you describe what you want in plain English, and an AI assistant writes the code for you. Instead of:

// Manually writing this...
export const project = pgTable("project", {
  id: text("id").primaryKey(),
  name: text("name").notNull(),
  userId: text("user_id").references(() => user.id),
  createdAt: timestamp("created_at").defaultNow(),
});

You simply tell Claude:

"Add a projects table with name, user reference, and timestamps"

Claude knows your database is Drizzle + PostgreSQL, follows your existing schema patterns, and generates the correct code.

Why Claude Code?

Claude Code is Anthropic's official CLI tool for AI-assisted development. Unlike chat-based AI tools, Claude Code:

• Runs in your terminal - Works alongside your existing workflow
• Reads your codebase - Understands your actual project, not generic patterns
• Executes commands - Can run builds, tests, and database migrations
• Maintains context - Remembers your conversation throughout the session

What's Included

Vibestacks comes with:

Capabilities

With the included configuration, Claude can:

• Create full features - Database tables, API routes, UI components, all wired together
• Follow your patterns - Uses your existing code style, not generic templates
• Run your tooling - Execute pnpm dev, pnpm db:push, tests, and builds
• Understand your stack - Knows Better Auth, Drizzle, Stripe, Resend, and how they connect

Example Workflow

Here's what building a feature looks like with Claude Code:

# Start Claude Code in your project
claude

# Tell it what you want
> Add a projects feature where users can create and manage projects.
> Each project has a name, description, and belongs to a user.
> Include the database table, API routes, and a simple list page.

# Claude will:
# 1. Create db/project.ts with the Drizzle schema
# 2. Update db/schema.ts to export it
# 3. Run pnpm db:push to sync the database
# 4. Create app/api/projects/route.ts with CRUD endpoints
# 5. Create app/dashboard/projects/page.tsx with the UI
# 6. Wire up authentication checks

All following your existing patterns and conventions.

Getting Started

Ready to start vibe coding?

1. Install Claude Code - Get the CLI set up
2. Learn the Commands - Use the pre-built slash commands
3. Understand the Rules - See what patterns Claude follows