Community코딩 & 개발github.com

bjmhe/track-to-spm

Vue SFC에 SPM SDK 호출을 자동 삽입하는 에이전트 스킬입니다. 채팅에서 @스키마 + @대상 `.vue` 파일을 참조하면 고정 워크플로우에 따라 분석, 프로젝트 규칙 탐색, 마운트 포인트 선택 및 최소 diff 생성까지 수행합니다.

track-to-spm란 무엇인가요?

이 스킬은 프론트엔드 개발자가 분석가가 정의한 '트래킹 스키마 문서'를 실제 Vue 단일 파일 컴포넌트(SFC)의 SPM SDK 호출 코드로 변환하는 과정을 자동화합니다. Cursor, Claude Code 등 에이전트 기반 IDE에서 사용할 수 있으며, 사용자가 채팅에 @로 스키마 문서와 대상 `.vue` 파일을 함께 첨부하면 다음 단계를 순차적으로 수행합니다: (1) 마크다운/CSV/JSON 형식의 스키마 파싱, (2) 프로젝트 폴더 탐색을 통한 로컬 컨벤션(예: 유틸리티 함수, 임포트 경로, SDK 명명 규칙) 발견, (3) 컴포넌트 템플릿에서 가장 적합한 SPM 마운트 포인트 선택(예: 루트 엘리먼트, 특정 이벤트 핸들러, 또는 라이프사이클 훅), (4) 최소한의 diff를 생성하여 기존 코드 변경을 최소화합니다. 이를 통해 수동으로 코드를 복사/붙여넣기 하거나 분석가와 구현 간의 오해가 발생하는 일반적인 문제를 해결하며, 대규모 페이지 컴포넌트에서도 정확하고 일관된 트래킹 코드 삽입을 보장합니다. GitHub 저장소(bjmhe/track-to-spm)에서 관리되며, 2026년 6월 2일에 마지막으로 업데이트되었습니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add bjmhe/track-to-spm

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

track-to-spm은(는) 무엇을 하나요?

Vue SFC에 SPM SDK 호출 자동 삽입 스킬 — 채팅에서 @스키마 + @대상 .vue 파일을 참조하면 고정 워크플로우로 분석, 프로젝트 규칙 탐색, 마운트 포인트 선택 및 최소 diff 생성까지 수행합니다.

소스: https://github.com/bjmhe/track-to-spm

푸시: 2026-06-02T10:17:44Z

관련 스킬