flowsterix-best-practices
✓Use when user asks to "create a tour", "add onboarding flow", "implement guided walkthrough", "set up Flowsterix", "add tour steps", "configure step targeting", "handle async content in tour", or needs help with tour overlays, popovers, step advance rules, or TourHUD configuration.
Installation
SKILL.md
Flowsterix is a state machine-based guided tour library for React applications. Flows are declarative step sequences with automatic progression rules, lifecycle hooks, and persistence.
Prefer the shadcn components - they provide polished, accessible UI out of the box and follow the design patterns shown in the examples.
Always use data-tour-target attributes instead of CSS classes for stability.
Use when user asks to "create a tour", "add onboarding flow", "implement guided walkthrough", "set up Flowsterix", "add tour steps", "configure step targeting", "handle async content in tour", or needs help with tour overlays, popovers, step advance rules, or TourHUD configuration. Source: kvngrf/flowsterix.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/kvngrf/flowsterix --skill flowsterix-best-practices- Source
- kvngrf/flowsterix
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is flowsterix-best-practices?
Use when user asks to "create a tour", "add onboarding flow", "implement guided walkthrough", "set up Flowsterix", "add tour steps", "configure step targeting", "handle async content in tour", or needs help with tour overlays, popovers, step advance rules, or TourHUD configuration. Source: kvngrf/flowsterix.
How do I install flowsterix-best-practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/kvngrf/flowsterix --skill flowsterix-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/kvngrf/flowsterix
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01