raise-pr

작성자: shopify

FlashList용 GitHub PR을 생성합니다. 커밋이나 PR 본문에 AI/Claude 기여 표시가 없도록 하고, 제목, 설명, 테스트 계획에 대해 저장소 규칙을 따릅니다.

npx skills add https://github.com/shopify/flash-list --skill raise-pr

Raise a FlashList PR

Prerequisite: Run the review-and-test skill first. All checks must pass and device testing must be done before raising a PR. DO NOT SKIP.

Rules

  1. NEVER push directly to main — always create a branch and open a PR.
  2. NEVER mention Claude, AI, or any AI tool in commit messages, PR title, PR body, or comments. No Co-Authored-By AI lines. The PR must read as if written entirely by a human.
  3. Only raise a PR when explicitly asked by the user (exception: on CI, raise directly as part of the fix workflow).

Step 0 — Kill Background Processes (MANDATORY on CI)

Before creating the branch and PR, kill any background processes you started (Metro, emulators, etc.). On CI, leftover processes prevent the GitHub Actions job from exiting.

lsof -ti:8081 | xargs kill -9 2>/dev/null || true

Step 1 — Create Branch and Commit

Branch naming

fix/issue-<number>-<short-slug>
feat/<short-slug>
refactor/<short-slug>

Commit message format

fix(<scope>): <concise description>

Fixes #<number>

Scope examples: layout, hooks, scroll, sticky-headers, recycling, viewability.

Do NOT include:

  • Co-Authored-By lines
  • Any mention of Claude, AI, Anthropic, or automated tools
  • Generated by or Assisted by attributions

Commands

git checkout -b fix/issue-<number>-<short-slug>
git add <specific files>
git commit -m "$(cat <<'EOF'
fix(<scope>): <description>

Fixes #<number>
EOF
)"
git push -u origin fix/issue-<number>-<short-slug>

Step 2 — Self-Review

Run git diff HEAD~1 and check for:

  • Leftover debug codeconsole.log, fetch("http://localhost:..."), temporary comments
  • Unrelated changes — files or hunks that aren't part of the fix
  • Co-Authored-By lines — check with git log -1 --format=full
  • Fixture index.js left with forceRTL(true) — always revert before committing

Quick check:

grep -r "console\.\(log\|warn\)\|localhost:9876\|forceRTL(true)" src/ fixture/react-native/index.js --include="*.ts" --include="*.tsx" --include="*.js"

Fix any issues found, then amend the commit before proceeding.


Step 3 — Create the PR

PR title

  • Under 70 characters
  • Same format as commit: fix(<scope>): <description>

PR body template

Always use --body-file — inline --body with markdown # headers triggers Claude Code permission checks and wastes turns. Use the Write tool to create the file (not cat, echo, or touch, which may be blocked by sandbox on CI).

Write the following to /tmp/pr-body.md using the Write tool:

## Description

<1-3 sentences: what the bug was and how the fix works>

Fixes #<number>

## Reviewers' hat-rack :tophat:

<What reviewers should focus on — layout logic, hook behavior, edge cases, etc.>

## Screenshots or videos

<Before/after screenshots if applicable>

## Test plan

- [ ] Unit tests pass (`yarn test`)
- [ ] Type check passes (`yarn type-check`)
- [ ] Lint passes (`yarn lint`)
- [ ] Verified on iOS simulator
- [ ] No regressions on related screens
      EOF

GH_TOKEN="$AGENT_PR_TOKEN" gh pr create \
 --title "fix(<scope>): <description>" \
 --body-file /tmp/pr-body.md

CRITICAL — TOKEN VERIFICATION (read this before running gh pr create)

  1. First, verify the token is available: [ -n "$AGENT_PR_TOKEN" ] && echo "token ok" || echo "TOKEN MISSING" — do NOT echo the token value itself.
  2. You MUST use GH_TOKEN="$AGENT_PR_TOKEN" gh pr create ... — never bare gh pr create.
  3. PRs created with the default GITHUB_TOKEN show as app/github-actions and cannot be merged.
  4. After creating the PR, verify the author: gh pr view --json author --jq '.author.login' — it must NOT be app/github-actions.

If AGENT_PR_TOKEN is empty, try SHOPIFY_GH_ACCESS_TOKEN as fallback: GH_TOKEN="${AGENT_PR_TOKEN:-$SHOPIFY_GH_ACCESS_TOKEN}" gh pr create ...

Before running gh pr create, double-check:

  • Token is verified (see above)
  • No mention of Claude, AI, Anthropic, or any AI tool anywhere
  • Description explains the "what" and "why" clearly
  • Test plan is specific to the change

Step 4 — Post-Creation

Return the PR URL to the user.

If the user asks to update the PR (interactive only — not available on CI):

git add <files>
git commit --amend --no-edit
git push --force-with-lease

On CI, create a new commit instead of amending — force-push is not permitted.

shopify의 다른 스킬

agent-device
shopify
iOS 시뮬레이터 또는 Android 에뮬레이터/기기와 스냅샷 기반 좌표를 사용하여 상호작용합니다. 접근성 트리 스냅샷을 사용하여 정확한 요소 타겟팅을 수행하며, 추가로...
official
analyze-feedback
shopify
GitHub Actions 워크플로우 실행에서 에이전트 피드백 아티팩트를 분석하고, 실행 가능한 학습 내용을 추출하여 스킬 파일과 CLAUDE.md에 통합합니다. 추적…
official
fix-github-issue
shopify
GitHub 이슈를 수정하는 전체 워크플로우 - 문제 이해, 재현, 근본 원인 진단, 수정, iOS/Android 시뮬레이터에서 테스트, 검토, PR 제출
official
review-and-test
shopify
FlashList PR 또는 브랜치를 리뷰하고, 유닛 테스트를 실행하며, iOS 시뮬레이터에서 테스트하고, RTL/LTR 동작을 확인합니다. fix-github-issue 스킬과 컨텍스트를 공유합니다.
official
triage-issue
shopify
GitHub 이슈를 분류하고 — 우선순위(P0/P1/P2)를 지정하며, 중복 이슈를 검색하고, 레이블을 적용합니다.
official
upgrade-react-native
shopify
React Native 픽스처 앱을 새 버전으로 업그레이드합니다. JS 종속성, Android(Gradle, Kotlin, SDK), iOS(Podfile, pbxproj), Metro 설정 및 타사…를 포함합니다.
official
e2e-test-writing
shopify
고품질 Playwright E2E 테스트를 Hydrogen용으로 작성하기 위한 가이드입니다. 사용자가 "e2e 테스트 작성", "playwright 테스트 추가", "이 기능 테스트…"를 요청할 때 사용하세요.
official
hydrogen-dev-workflow
shopify
Shopify의 Hydrogen 프레임워크를 위한 개발 워크플로우 가이드입니다. 테스트, 업그레이드, 레시피, PR 규칙, 분석 아키텍처, CLI 도구 등을 다룹니다.
official