Skip to content

oleg-koval/product-builder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

License: MIT

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 ~/.claude/skills/product-builder
cp SKILL.md examples.md ~/.claude/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

Layer Technology
Framework Next.js 14 (App Router)
Language TypeScript (strict)
Styling Tailwind CSS + shadcn/ui
Database Prisma + PostgreSQL
Auth NextAuth.js
Validation Zod
State React Query + Zustand
Testing Vitest + RTL + Playwright

The agent will follow whatever stack your project already uses. These are defaults for greenfield projects.

Customization

Edit SKILL.md to change:

  • Default tech stack (swap Next.js for Nuxt, Prisma for Drizzle, etc.)
  • Code patterns and conventions
  • Testing requirements
  • File organization

Contributing

PRs welcome:

  • Improved patterns
  • Alternative tech stack presets
  • Better examples

License

MIT

About

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

Topics

Resources

License

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors