Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
Integrates the Outlit customer journey tracking SDK into web and server applications. Detects the existing framework, package manager, auth provider, and analytics setup, then walks through installation, identity linking, consent handling, and billing events. Covers React, Next.js, Vue, Nuxt, Svelte, Angular, Astro, Express, Fastify, Tauri, and Electron.
Detects the framework, package manager, auth provider, and analytics setup from the codebase before asking anything, so the user only answers questions that can't be inferred automatically.
When to use it
- Adding Outlit tracking to an existing Next.js app
- Migrating from PostHog or Amplitude to Outlit
- Setting up Stripe billing lifecycle events in a webhook handler
- Linking authenticated Clerk or Auth0 users to anonymous visitor sessions
- Debugging missing events when no network requests appear in DevTools
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: add Outlit to my Next.js app
- 1Scans package.json to confirm Next.js and detect the package manager
- 2Installs @outlit/browser using the detected package manager
- 3Asks the user for their Outlit public key from the dashboard Settings page
- 4Adds NEXT_PUBLIC_OUTLIT_KEY to environment variables and wraps the app with OutlitProvider
- 5Instructs the user to open the app and check the Outlit onboarding screen for the Connected badge
Outlit is installed and sending events; user sees Connected status in the Outlit dashboard
Requirements
Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.