Builder Kit

Builder Kit is a full-stack repository of curated system prompts, UI modules, and guides for building AI SaaS products. It provides a standardized way to manage prompts for Claude, GPT, and other models, alongside reusable frontend components and architectural patterns. Use Builder Kit to accelerate your development, learn from real-world examples, and assemble high-converting SaaS flows with proven patterns.

---

Features

• Visual & Code-Based: Prebuilt modules and documentation for rapid development.
• SaaS Foundation: Pre-configured patterns for Database (Prisma) and Authentication (Clerk/NextAuth).
• Claude Skills: Optimized system prompts and instructions for building with AI.
• Modern Tech Stack: HTML/JS, Tailwind CSS, and React-focused patterns.
• Integrations: Stripe for payments, PostHog for analytics, and Resend for email.
• Modular UI: Reusable components for CTA, Hero, Features, Testimonials, and more.
• Analytics & Testing: Event hooks and A/B testing support built-in.

---

Modules

SaaS Core

• Database: SaaS-ready schemas and database provider guides.
• Authentication: Modern auth patterns using Clerk and NextAuth.js.
• Claude Skills: Specialized prompts and instructions for AI-first development.
• Payments: Stripe integration and subscription management.
• Analytics: Product tracking and session recordings.
• Email: Transactional email patterns.
• Error Tracking: Real-time monitoring and debugging.

Marketing & Design

• Marketing: SaaS marketing strategies and assets.
• CTA Module: Reusable call-to-action components for driving conversions.
• Landing Page Guide: Best practices for high-converting landing pages.

---

Installation

1. Clone this repository:

   git clone git@github.com:ovishkh/BuilderKit.git
   cd BuilderKit

2. Install dependencies (if applicable):

   npm install
   # or
   yarn install

---

Usage

1. Explore the Modules: Browse the folders to find system prompts, database schemas, and UI patterns.
2. Build your landing page: Follow the Landing Page Guide to assemble your frontend.
3. Integrate SaaS Features: Use the Authentication and Database modules to set up your backend.

---

Example

Here’s a sample landing page structure using Builder Kit components:

<LandingPage>
  <Hero title="AI SaaS for Everyone" />
  <Features items={featuresList} />
  <CTAButton text="Get Started" />
  <Testimonials data={testimonials} />
  <Pricing plans={pricingOptions} />
</LandingPage>

---

Contributing

Contributions are welcome! Please read our Contributing Guide if available, or simply open issues and pull requests for improvements, bug fixes, or new features.

---

License

This project is licensed under the MIT License.