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

Product Builder

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

Inspired by imagine.dev — build real products through conversation, not prototypes.

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

# 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

# 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 for more ready-to-use prompts.

Default Stack