# Product Tour Features: Builder, AI & Targeting

> StepsKit is an in-app onboarding and adoption platform for SaaS teams: build product tours visually, write copy with AI, target the right users, and measure what works — from one dashboard, on one embed.

*Source: https://stepskit.com/features*

## Feature index

| Feature | What it does | Detail page |
| --- | --- | --- |
| Visual Tour Builder | Point and click to build step-by-step product tours. Select elements on your live app, write copy, arrange steps, and publish — no code required. | [Visual Tour Builder](/features/visual-tour-builder.md) |
| AI Content Assistant | Click "Suggest Title & Description" and get step copy that matches your UI context. Review, edit, and publish in seconds. | [AI Content Assistant](/features/ai-content-assistant.md) |
| AI Agents (MCP) | An MCP server so agents like Claude Code and Cursor can install StepsKit and author product tours straight from your codebase. | [AI Agents (MCP)](/features/ai-agents.md) |
| Custom Theming | Brand colors, button styles, overlay settings, progress bar. Per-step style overrides. No CSS needed. | — |
| Product Tours | Sequenced walkthroughs that dim the page, spotlight one element at a time, and step a user to the action that made them sign up. | [Product Tours](/features/product-tours.md) |
| In-app Tooltips | Persistent indicators — a `?` icon, NEW badge, or pulsing dot — anchored to any UI element. Click opens a popover with contextual help, a link, or a tour trigger. | [In-app Tooltips](/features/tooltips.md) |
| In-app Announcements | Publish a dismissible banner across the top of your app — NEW pill, headline, link — without a deploy. Same targeting and capping as every surface. | [In-app Announcements](/features/in-app-announcements.md) |
| In-app Surveys & NPS | Ask one question in-app — NPS (0–10), a 1–5 scale, or emoji sentiment. A card slides in, the visitor taps a score, and NPS is computed for you. | [In-app Surveys & NPS](/features/surveys.md) |
| Play by Link | Share a link that opens your app and plays a guided tour of a new feature, instead of sending an announcement email. | [Play by Link](/features/play-by-link.md) |
| Audience Targeting | Show tours to specific segments based on plan, role, company, or any custom attribute. Combine rules with AND/OR logic. | — |
| Page-Level Visibility | Show tours only on specific pages using URL patterns — exact match, wildcards, or regex. | — |
| Frequency Capping | Show a tour once per visitor, then never again. Respects identified and anonymous visitors. | — |
| Analytics Dashboard | Tour views, step-level engagement, completion rates, and drop-off points. | — |
| Lightweight Embed | One npm package or one async script tag, under 15 KB. Works with React, Next.js, Vue, Angular, or plain HTML. | [Install docs](/docs/install.md) |

Features without a detail page are configured in the dashboard alongside every surface — the same targeting, capping, and theming systems apply to tours, tooltips, announcements, and surveys.

## One embed, four surfaces

Tours, tooltips, announcements, and surveys ship in the same embed. Adding a second surface does not add a second install or a second network request, and all four share one rules engine for targeting and frequency capping.

## Related

- [Pricing](/pricing.md)
- [Product tours guide](/features/product-tours.md)
- [User onboarding](/solutions/user-onboarding.md) · [Feature adoption](/solutions/feature-adoption.md)
- [Install docs](/docs/install/js.md) — [React](/docs/install/react.md) · [Next.js](/docs/install/nextjs.md)
- [JavaScript API reference](/docs/api.md)