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 中使用
這個 Skill 的原始碼在哪？
https://github.com/kvngrf/flowsterix