Communitygithub.com

Stirling-Tools/Stirling-PDF

브랜치나 PR에서 변경된 UI 표면의 before/after 스크린샷을 자동으로 캡처하고, 픽셀 차이를 분석하여 변경 사항을 시각화하며, PR-ready 몽타주 이미지를 생성합니다.

Stirling-PDF란 무엇인가요?

이 스킬은 Stirling-PDF 프로젝트(또는 유사한 UI 중심 오픈소스)의 브랜치나 PR에서 변경된 UI 요소를 자동으로 감지하고, before/after 스크린샷을 캡처하여 픽셀 단위의 차이를 분석합니다. 사용자가 수동으로 스크린샷 목록을 정의할 필요 없이, diff에서 변경된 도구나 라우트를 추출하여 해당 URL을 타겟으로 합니다. 'before'는 기준 브랜치(base)에서, 'after'는 헤드 브랜치(head)에서 캡처하며, 시각적 차이가 없는 뷰는 자동으로 제외됩니다. 최종적으로 각 비교 결과는 자동 크롭되어 PR에 바로 첨부할 수 있는 몽타주 이미지로 조합됩니다. 이 스킬은 Claude Code, Cursor, Codex 등에서 사용할 수 있으며, CI/CD 파이프라인에 통합하여 UI 변경 사항의 리뷰 효율성을 크게 높입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add Stirling-Tools/Stirling-PDF

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

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

문서

Stirling-PDF은(는) 무엇을 하나요?

브랜치나 PR을 분석하고, 변경 사항이 닿는 모든 UI 표면의 before/after 스크린샷을 자동으로 캡처한 후, 픽셀 차이(pixel-diff)를 통해 실제로 변경된 부분을 표시하고 PR에 바로 첨부할 수 있는 before/after 몽타주 이미지를 조합합니다. 일반적이고 diff 기반입니다: 수동으로 스크린샷을 나열하는 대신, diff에서 변경된 도구/라우트를 추출하여 URL로 변환하고, 기준 브랜치(base)에서 'before'를, 헤드 브랜치(head)에서 'after'를 캡처한 후, 시각적으로 차이가 있는 뷰만 유지합니다. 각 비교는 자동 크롭됩니다.

관련 스킬