Documentation
One package, everything wired together. Install, then jump into the doc set below. Older versions are available from the left sidebar once you're inside.
INSTALL
npm install @perhapxin/dddk
import { DotDotDuck, OpenAIProvider } from '@perhapxin/dddk';
import '@perhapxin/dddk/styles.css';
new DotDotDuck({
siteName: 'YourSaaS',
llm: new OpenAIProvider({ apiKey: '...' }),
}).mount();BROWSE BY TOPIC
Overview
Map of the whole SDK — what ships, what slots in, what to read in what order.
Quickstart — any framework
React, Svelte, Vue, Next.js, Solid — three lines to wire up + one mount call.
Agent
DOM-grounded loop · InlineAgent · sitemap · session continuity · prompt design.
Triggers
Command palette · Space gesture · Dwell · Spotter · panel runtime.
Skills
Script · Prompt · Action · Surface · Panel — the five shapes your verbs live in.
Modules
Voice · subtitle · inline · immersive translate · onboarding · proactive · analytics.
LLM
Providers (OpenAI · Google · ProxyProvider) · router · adapter registry.
Surfaces
Pieces renderer · catalog · placements (modal / dock / inline).
Toolbox
Zero-LLM primitives — search (BM25 + learn-to-rank) · recommend.
Extensibility
Tools registry · evals harness · React adapter · cache + heat-rank.
Theming
28 CSS variables · light + dark out of the box · custom modes via a one-selector override.