browser-pr-review-workflow
GitHub 브라우저 PR 리뷰에서 visible diff, review comment, check status, local verification 여부를 분리해 기록할 때 사용합니다.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
GitHub 브라우저 PR 리뷰에서 visible diff, review comment, check status, local verification 여부를 분리해 기록할 때 사용합니다.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | browser-pr-review-workflow |
| description | GitHub 브라우저 PR 리뷰에서 visible diff, review comment, check status, local verification 여부를 분리해 기록할 때 사용합니다. |
브라우저에서 본 PR diff와 로컬에서 검증한 사실을 섞지 않도록 합니다.
이 workflow는 리뷰 코멘트 작성과 PR 상태 파악을 돕지만, 브라우저 화면만으로 구현 완료나 로컬 검증 성공을 주장하지 않습니다.
frontend-fundamentals-review, docs/code-quality/frontend-fundamentals.md, 개별 기준 문서, 필요 시 docs/code-quality/frontend-logic-composition.md를 함께 적용합니다.git status --short --branch와 현재 branch가 PR head와 같은지 확인합니다.docs/index.md에서 가장 가까운 source of truth를 찾습니다.아래 정보를 짧게 기록합니다.
- PR:
- Base / Head:
- Jira:
- PR state:
- Head commit:
- Review surface:
- Existing threads:
- Visible checks:
- Preview / Storybook / Chromatic:
- Local checkout:
PR state에는 draft/ready/merged 여부, approval/change request 상태, merge conflict 또는 mergeability, pushed commit/rebase 여부를 구분해 적습니다.
Existing threads에는 CodeRabbit, Copilot, teammate review 중 이미 같은 내용을 다룬 thread를 표시합니다.
코멘트는 복붙 가능한 형태로 작성합니다.
visible diff 기준처럼 표시합니다.아래 표현을 구분합니다.
브라우저에서 Verify check 통과가 보임로컬에서 pnpm build 실행 통과PR diff만 확인했고 로컬 검증은 하지 않음Storybook/Chromatic preview에서 wrapper 배경이나 Connection lost가 보임Storybook, Chromatic, Figma preview에서 보이는 wrapper 배경, Node engine warning, connection loss는 component defect와 분리합니다.
반복되는 리뷰 포인트가 repo policy로 남아야 하면 manage-skills 또는 관련 docs/workflow 수정 이슈로 분리합니다.
endpoint 문서를 기준으로 API helper, TanStack Query hook, 타입, 에러/cache 동작을 구현할 때 사용합니다.
apps/client, apps/market-owner, apps/design-system-web, 선택적 apps/admin 내부의 앱 전용 shared 컴포넌트를 생성, 스펙 작성, export, 검증할 때 사용합니다.
packages/design-system 공통 컴포넌트를 Figma/이미지/상태 요구사항 기반으로 생성, 구현, story/spec/export 검증할 때 사용합니다.
필드 검증, submit, mutation, error, disabled/loading/success 상태가 있는 프론트엔드 폼 흐름을 구현할 때 사용합니다.
프론트엔드 구현 또는 리뷰 중 Toss Frontend Fundamentals의 응집도 기준으로 함께 수정되는 component, hook, type, fixture, spec, form 흐름 배치를 점검할 때 사용합니다.
프론트엔드 구현 또는 리뷰 중 Toss Frontend Fundamentals의 결합도 기준으로 hook 책임, props drilling, shared/design-system 승격, context, 중복 제거를 점검할 때 사용합니다.