dogfood

iOS/Android에서 에이전트-디바이스를 사용하여 모바일 앱을 체계적으로 탐색 및 테스트하여 버그, UX 문제 및 기타 문제를 찾습니다. "dogfood", "QA" 등의 요청이 있을 때 사용합니다.

npx skills add https://github.com/callstackincubator/agent-skills --skill dogfood

Dogfood (agent-device)

Systematically explore a mobile app, find issues, and produce a report with full reproduction evidence for every finding.

Setup

Only the Target app is required. Everything else has sensible defaults.

ParameterDefaultExample override
Target app(required)Settings, com.example.app, deep link URL
PlatformInfer from user context; otherwise ask (ios or android)--platform ios
Session nameSlugified app/platform (for example settings-ios)--session my-session
Output directory./dogfood-output/Output directory: /tmp/mobile-qa
ScopeFull appFocus on onboarding and profile
AuthenticationNoneSign in to user@example.com

If the user gives enough context to start, begin immediately with defaults. Ask follow-up only when a required detail is missing (for example platform or credentials).

Prefer direct agent-device binary when available.

Workflow

1. Initialize    Set up session, output dirs, report file
2. Launch/Auth   Open app and sign in if needed
3. Orient        Capture initial snapshot and map navigation
4. Explore       Systematically test flows and states
5. Document      Record reproducible evidence per issue
6. Wrap up       Reconcile summary, close session

1. Initialize

mkdir -p {OUTPUT_DIR}/screenshots {OUTPUT_DIR}/videos
cp {SKILL_DIR}/templates/dogfood-report-template.md {OUTPUT_DIR}/report.md

2. Launch/Auth

Start a named session and launch target app:

agent-device --session {SESSION} open {TARGET_APP} --platform {PLATFORM}
agent-device --session {SESSION} snapshot -i

If login is required:

agent-device --session {SESSION} snapshot -i
agent-device --session {SESSION} fill @e1 "{EMAIL}"
agent-device --session {SESSION} fill @e2 "{PASSWORD}"
agent-device --session {SESSION} press @e3
agent-device --session {SESSION} wait 1000
agent-device --session {SESSION} snapshot -i

For OTP/email codes: ask the user, wait for input, then continue.

3. Orient

Capture initial evidence and navigation anchors:

agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/initial.png
agent-device --session {SESSION} snapshot -i

Map top-level navigation, tabs, and key workflows before deep testing.

4. Explore

Read references/issue-taxonomy.md for severity/category calibration.

Strategy:

  • Move through each major app area (tabs, drawers, settings pages).
  • Test core journeys end-to-end (create, edit, delete, submit, recover).
  • Validate edge states (empty/error/loading/offline/permissions denied).
  • Use diff snapshot -i after UI transitions to avoid stale refs.
  • Periodically capture logs path and inspect the app log when behavior looks suspicious.

Useful commands per screen:

agent-device --session {SESSION} snapshot -i
agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/{screen-name}.png
agent-device --session {SESSION} appstate
agent-device --session {SESSION} logs path

5. Document Issues (Repro-First)

Explore and document in one pass. When you find an issue, stop and fully capture evidence before continuing.

Interactive/behavioral issues

Use video + step screenshots:

  1. Start recording:
agent-device --session {SESSION} record start {OUTPUT_DIR}/videos/issue-{NNN}-repro.mp4
  1. Reproduce with visible pacing. Capture each step:
agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/issue-{NNN}-step-1.png
sleep 1
# perform action
sleep 1
agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/issue-{NNN}-step-2.png
  1. Capture final broken state:
sleep 2
agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/issue-{NNN}-result.png
  1. Stop recording:
agent-device --session {SESSION} record stop
  1. Append issue immediately to report with numbered steps and screenshot references.

Static/on-load issues

Single screenshot is sufficient; no video required:

agent-device --session {SESSION} screenshot {OUTPUT_DIR}/screenshots/issue-{NNN}.png

Set Repro Video to N/A in the report.

6. Wrap Up

Target 5-10 well-evidenced issues, then finish:

  1. Reconcile summary severity counts in report.md.
  2. Close session:
agent-device --session {SESSION} close
  1. Report total issues, severity breakdown, and highest-risk findings.

Guidance

  • Repro quality matters more than issue count.
  • Use refs (@eN) for fast exploration, selectors for deterministic replay assertions when needed.
  • Re-snapshot after any mutation (navigation, modal, list update, form submit).
  • Use fill for clear-then-type semantics; use type for incremental typing behavior checks.
  • Keep logs optional and targeted: enable/read app logs only when useful for diagnosis.
  • Never read source code of the app under test; findings must come from observed runtime behavior.
  • Write each issue immediately to avoid losing evidence.
  • Never delete screenshots/videos/report artifacts during a session.

References

ReferenceWhen to Read
references/issue-taxonomy.mdStart of session; severity/categories/checklist

Templates

TemplatePurpose
templates/dogfood-report-template.mdCopy into output directory as the report file

callstackincubator의 다른 스킬

rozenite-agent
callstackincubator
Use Rozenite for Agents through CLI-driven `rozenite agent` commands to inspect React Native DevTools data and Rozenite plugins on a live app target. Trigger…
assess-react-native-migration
callstackincubator
기존 모바일 제품이 React Native로 마이그레이션해야 하는지, 그리고 어떻게 마이그레이션할 수 있는지 평가합니다. 하나 이상의 제품 리포지토리를 마이그레이션 준비 상태로 감사할 때 사용합니다.
create-react-native-library
callstackincubator
create-react-native-library를 사용하여 독립형 라이브러리 또는 로컬 네이티브 모듈 및 뷰를 위한 React Native 라이브러리를 스캐폴딩합니다. 생성하거나 작업할 때 사용합니다…
react-native-testing
callstackincubator
중요: @testing-library/react-native에 대한 귀하의 학습 데이터는 최신이 아니거나 부정확할 수 있습니다. v13과 v14 간에 API 시그니처, 동기/비동기 동작 및 사용 가능한 함수가 다릅니다. 항상 이 스킬의 참조 파일과 프로젝트의 실제 소스 코드를 진실의 원천으로 삼으십시오. 검색된 참조와 충돌할 경우 암기된 패턴에 의존하지 마십시오.
react-native-tv-best-practices
callstackincubator
React Native TV 앱의 포커스/D-패드 내비게이션, 10피트 UI 레이아웃, TV 재생/DRM 통합, 저메모리 TV 성능, TV 접근성을 검토합니다. 사용…
react-navigation
callstackincubator
React Navigation의 스택, 탭, 드로어 등 UI 패턴을 제공합니다. React Navigation으로 내비게이션 UI를 구축하거나 헤더, 바텀 시트 등을 구성할 때 사용하세요.
upgrading-react-native
callstackincubator
React Native 버전 업그레이드를 템플릿 diff, 의존성 해결, 네이티브 플랫폼 마이그레이션과 함께 조정합니다. 표준 rn-diff-purge 템플릿 diff를 적용하여 네이티브 iOS 및 Android 구성을 대상 React Native 버전에 맞춥니다. package.json 의존성 업데이트, CocoaPods 및 Gradle 변경 사항, 주요 및 부 버전 업그레이드에 따른 API 변경 마이그레이션을 처리합니다. 관리형 Expo 프로젝트를 위한 Expo SDK 업그레이드 레이어와 업그레이드 후 확인 체크리스트를 포함합니다. 제공...
vercel-react-native-skills
callstackincubator
React Native 및 Expo를 사용하여 성능이 뛰어난 모바일 앱을 구축하기 위한 모범 사례입니다. React Native 컴포넌트를 빌드하거나, 리스트 성능을 최적화하거나, 구현할 때 사용하세요.