product-builder

# Product Builder

> Turn your AI coding agent into a full-stack product builder. Describe what you want, get working code.

Inspired by [imagine.dev](https://imagine.dev) — build real products through conversation, not prototypes.

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)

## What This Does

Instead of:
```
User: Build me a dashboard
Agent: What framework? What features? What styling?
```

You get:
```
User: Build me a dashboard
Agent: [Generates complete Next.js app with auth, database, API routes, and UI]
```

## Install

```bash
# Universal install (Claude Code, Codex, Cursor, Cline, and 40+ agents)
npx skills add oleg-koval/product-builder

# Or install non-interactively
npx skills add oleg-koval/product-builder -y -g
```

### Manual install

```bash
# Claude Code
mkdir -p ~/.cursor/skills/product-builder
cp SKILL.md examples.md ~/.cursor/skills/product-builder/

# Cursor
mkdir -p .cursor/skills/product-builder
cp SKILL.md examples.md .cursor/skills/product-builder/

# Codex
mkdir -p .agents/skills/product-builder
cp SKILL.md examples.md .agents/skills/product-builder/
```

## Features

- **Ship immediately** — Working code, not explanations
- **Full-stack defaults** — Auth, database, APIs, UI, and tests included automatically
- **Production patterns** — Zod validation, error handling, pagination, rate limiting
- **Modern stack** — Next.js 14, TypeScript, Tailwind, Prisma, shadcn/ui
- **Universal** — Works with any AI coding agent that supports skills

## Examples

**SaaS Dashboard**
```
Build a SaaS analytics dashboard with user auth, org management, and charts.
```

**Landing Page**
```
Create a landing page for a fitness app with pricing and email signup.
```

**Internal Tool**
```
Build an inventory system with barcode scanning and low stock alerts.
```

See [examples.md](examples.md) for more ready-to-use prompts.

## Default Stack

| Layer | Technology |
|-------|------------|
| Framework | Next.js 14 (App Router) |
|