Produck SDK Documentation

One SDK to give your website AI superpowers — knowledge base, API actions, DOM reading, and a chat widget.

What is Produck SDK?

Produck SDK transforms any website into an AI-powered experience. Install it once and your site gets:

Knowledge Base — Scrape your website or upload docs. The AI learns your product.
API Schema — Attach your OpenAPI spec. The AI executes real API calls on behalf of users.
DOM Context — The AI reads the current page on demand to answer page-specific questions.
Chat Widget — A beautiful, pre-built widget that ties it all together.

Example

import { ProduckProvider, ProduckChat } from '@prodact.ai/sdk/react'
 
function App() {
  return (
    <ProduckProvider
      sdkKey="pk_live_..."
      apiSchema="/api/openapi.json"
      apiAuth={{ type: 'cookie' }}
      domContext={{ enabled: true, selectors: ['main'] }}
    >
      <ProduckChat />
    </ProduckProvider>
  )
}

Now users can ask: "Cancel my subscription" — and the AI reads the API schema, finds DELETE /api/subscriptions/{id}, executes the call, and confirms.

Why Produck?

🧠

AI Knowledge Base

Scrape your website, upload docs, or paste text. The AI becomes an expert on your product in minutes.

⚡

API Actions

Provide an OpenAPI schema and the AI can execute real API calls — creating orders, updating settings, fetching data.

👁️

On-Demand DOM Reading

The AI reads the current page only when needed. Zero overhead. Privacy-first design.

🔒

Security First

Endpoint whitelisting, DOM scoping, proxy domain allowlists, and no persistent storage of sensitive data.

⚛️

React First, Framework Agnostic

Optimized for React with hooks and components. Core SDK works with vanilla JS, Vue, Angular, and WordPress.

🚀

5-Minute Setup

Three lines of code to get started. No backend changes required. Works with any website.

Quick Start (5 Minutes)

Step 1: Install

npm install @prodact.ai/sdk

Step 2: Add to Your App

app/layout.tsx

import { ProduckProvider, ProduckChat } from '@prodact.ai/sdk/react'
 
export default function RootLayout({ children }) {
  return (
    <ProduckProvider sdkKey={process.env.NEXT_PUBLIC_SDK_KEY}>
      {children}
      <ProduckChat position="bottom-right" />
    </ProduckProvider>
  )
}

Step 3: Add Your Knowledge Base

In the Produck Dashboard (opens in a new tab):

Create an SDK project
Add knowledge base sources (URLs, docs, or text)
Copy your SDK key

That's it! Your AI assistant now knows your product and can answer user questions.

Read Full Getting Started Guide →

Common Use Cases

E-commerce

User: "What's the return policy?"
→ AI looks up knowledge base → answers with your actual policy

SaaS Dashboard

User: "Cancel my subscription"
→ AI reads API schema → calls DELETE /api/subscriptions/{id} → confirms

Documentation Site

User: "What's on this page?"
→ AI reads DOM context → summarizes current page content

Customer Support

User: "I need help with billing"
→ AI retrieves billing docs → opens support ticket via API

See More Examples →

Need Help?

Getting Started — Step-by-step tutorial
Troubleshooting — Common issues & fixes
FAQ — Frequently asked questions
Email Support — Direct support

Getting Started