flowsterix-best-practices
✓ユーザーが「ツアーの作成」、「オンボーディング フローの追加」、「ガイド付きウォークスルーの実装」、「Flowsterix のセットアップ」、「ツアー ステップの追加」、「ステップ ターゲティングの構成」、「ツアーでの非同期コンテンツの処理」を要求する場合、またはツアー オーバーレイ、ポップオーバー、ステップ アドバンス ルール、または TourHUD 構成についてサポートが必要な場合に使用します。
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.
ユーザーが「ツアーの作成」、「オンボーディング フローの追加」、「ガイド付きウォークスルーの実装」、「Flowsterix のセットアップ」、「ツアー ステップの追加」、「ステップ ターゲティングの構成」、「ツアーでの非同期コンテンツの処理」を要求する場合、またはツアー オーバーレイ、ポップオーバー、ステップ アドバンス ルール、または TourHUD 構成についてサポートが必要な場合に使用します。 ソース: kvngrf/flowsterix。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/kvngrf/flowsterix --skill flowsterix-best-practices- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
flowsterix-best-practices とは？
ユーザーが「ツアーの作成」、「オンボーディング フローの追加」、「ガイド付きウォークスルーの実装」、「Flowsterix のセットアップ」、「ツアー ステップの追加」、「ステップ ターゲティングの構成」、「ツアーでの非同期コンテンツの処理」を要求する場合、またはツアー オーバーレイ、ポップオーバー、ステップ アドバンス ルール、または TourHUD 構成についてサポートが必要な場合に使用します。 ソース: kvngrf/flowsterix。
flowsterix-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kvngrf/flowsterix --skill flowsterix-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/kvngrf/flowsterix