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