outlit-sdk
Integrate Outlit SDK for customer context for agents. Triggers when users need to add Outlit to any web framework (React, Next.js, Vue, Nuxt, Svelte, Angular, Astro), server runtime (Node.js, Express, Fastify), desktop app (Tauri, Electron), or need help with Outlit event tracking, user identity, consent management, analytics migration, activation events, billing lifecycle, or troubleshooting existing Outlit installations.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/leo-paz/outlit-sdkOutlit SDK Integration
Decision-tree-driven guide for integrating Outlit customer journey tracking. Detects what it can from the codebase, asks only what it must, and links to official docs for implementation details.
Branching Check
Before anything else, check if Outlit is already installed:
- Look for
@outlit/browser,@outlit/node, oroutlit(Rust crate) inpackage.jsonorCargo.toml - If not installed -> go to Phase 1: Quick Connect
- If already installed -> go to Already Installed
Already Installed
Ask the user what they need help with:
- Add event tracking -> Run detection, then go to Decision 7: Event Tracking. Fetch the relevant framework doc from the Doc URL Map for implementation patterns.
- Add/change auth integration -> Run detection, then go to Decision 3: Auth & Identity. Fetch the framework doc and identity resolution doc.
- Add consent management -> Go to Decision 2: Consent Stance. Fetch the framework doc's consent section.
- Add server-side tracking -> Go to Decision 1: App Type & SDK for the server package, then fetch the Node.js or Rust doc.
- Add billing/Stripe integration -> Go to Decision 6: Billing Integration. Fetch the customer journey doc.
- Add activation tracking -> Go to Decision 5: Activation Event. Fetch the customer journey doc.
- Migrate from other analytics -> Run detection, then go to Decision 4: Existing Analytics.
- Debug/troubleshoot -> Go to Troubleshooting.
Phase 1: Quick Connect
Goal: get events flowing in ~2 minutes so the user sees "Connected" on their Outlit onboarding screen. Zero user decisions required.
Step 1: Detect Framework & Package Manager
Use glob/grep to check:
- Framework: Check
package.jsondependencies fornext,vue,nuxt,react,svelte,@sveltejs/kit,@angular/core,astro,express,fastify. Check forCargo.tomlwithtaurioroutlit. - Package manager: Check for
bun.lockb(bun),pnpm-lock.yaml(pnpm),yarn.lock(yarn),package-lock.json(npm). Use the first match found.
Step 2: Install SDK
Based on detected framework:
- Browser app (React, Next.js, Vue, Nuxt, Svelte, Angular, Astro) ->
@outlit/browser - Server app (Express, Fastify, Node.js) ->
@outlit/node - Tauri ->
outlitRust crate viacargo add outlit - Electron ->
@outlit/browser
Install using the detected package manager.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-leo-paz-outlit-sdk": {
"enabled": true,
"auto_update": true
}
}
}