메뉴
Use when changing System Journey Viewer export behavior (SVG, PNG, PDF, GIF, MP4, animated SVG) or presentation/player capture flows, including validation of export tests, capture state restoration, format-specific constraints, and demo-gallery impacts.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when reorganizing frontend files in apps/web, classifying components vs non-components, applying folder/naming conventions, and adding top-of-file Purpose headers for faster human/AI navigation.
Use when changing System Journey Viewer local persistence shape or semantics (localStorage UI preferences, layout persistence, snapshots, recents), including backward compatibility, storage key versioning/migration logic, tests, and user-facing behavior safeguards.
Use when capturing or regenerating System Journey Viewer visual demos and screenshots with Playwright, including local dev server setup, deterministic showcase loading, presentation/journey playback automation, and media artifact validation for README/docs/help gallery.
Use when tuning System Journey Viewer light/dark themes, node/text color presets, palette defaults, and visual contrast/readability in canvas, inspector, showcase/tutorial examples, or desktop shell UI.
Use when syncing System Journey Viewer documentation after feature or workflow changes, covering WORKLOG, AI_STATE, SJV Script spec, help content, README, and naming consistency (especially SJV Script terminology and English UI/docs text).
Use when updating the System Journey Viewer showcase or tutorial workspaces, including EN/PT variants, notes, drilldowns, semantic edge/journey naming, demo coverage of features, and corresponding tests/help menu entry behavior.
| name | sjv-export-pipeline-validation |
| description | Use when changing System Journey Viewer export behavior (SVG, PNG, PDF, GIF, MP4, animated SVG) or presentation/player capture flows, including validation of export tests, capture state restoration, format-specific constraints, and demo-gallery impacts. |
Use this skill when a change touches export behavior or export-adjacent playback/presentation flows.
Typical files/areas:
apps/web/src/export/*apps/web/src/App.tsx (export actions, presentation mode, player state during capture)apps/web/src/components/* (rendered geometry used by exports)apps/web/src/journeys/* (timing/step sequencing affecting animated exports)apps/web/public/gallery/* and docs/* (if media references/examples are updated)SVG, PNG, PDFGIF, MP4, animated SVGapps/web/src/export/exporters.test.tsapps/web/src/export/animatedExport.test.tsnpm --workspace @sjv/web run lintnpm --workspace @sjv/web run test:runnpm --workspace @sjv/web run buildSVG or PNG minimum).GIF or MP4 minimum, depending on change).