This repo is the source code for demo.frigade.com, a live demo of Frigade inside a fictional SaaS app. Its onboarding flows were built in an hour or two by prompting Frigade's Claude Code skill. That is how fast onboarding comes together with Frigade Engage and a coding agent.
Frigade Assistant (frigade.com) resolves your users' questions right inside your product. Most tools just read your help docs; Frigade learns your product by using it, so it can answer in context, walk someone through a workflow on the live screen, or just do the task for them. This demo shows it in action.
Frigade Engage (frigade.com/engage) is the onboarding and feature-adoption layer you'd never want to build yourself. It owns the complicated parts of onboarding: flow state and completion, user and account targeting, copy and logic, per-flow analytics, and more. It's fully controllable from code, with no-code editing from a dashboard. Render it with pre-built drop-in React components, or headless with your own UI, like this demo does.
The demo runs a full onboarding journey through the app:
- a welcome announcement
- an onboarding form
- a getting-started checklist
- a product tour
- a contextual banner
- a survey
- a product-updates changelog
This repo works best as a reference. Point your coding agent at it, then use Frigade's Claude Code skill to build and wire your own flows in your Frigade workspace with your own API key, the same way this demo was built.
To run this demo yourself, you first need to create its seven flows in your own Frigade workspace. The
full YAML for each one lives in scripts/provision-flows.mjs; add your
Frigade keys to .env.local, then run it to create them (or point your agent at those definitions):
set -a; . ./.env.local; set +a; node scripts/provision-flows.mjsThen install and start the app:
pnpm install
pnpm devOpen http://localhost:3000; add ?product=engage to jump to the Engage flows.
For focused, copy-pasteable Frigade Engage examples, see frigade-engage-examples, including org-level and user-level checklist completion (live demo).
@frigade/react SDK. Frigade Assistant is an in-app AI assistant that answers your users' questions in context and guides them to their next step.