원클릭으로 Manus에서 모든 스킬 실행

crave-qa-polish

스타4

포크1

업데이트2026년 6월 13일 18:52

Phase 6 of Crave — release-ready polish & QA. Sweeps empty/error/loading states across every screen, adds haptics on add-to-cart and place-order, runs an accessibility pass (VoiceOver/TalkBack, AA contrast, Dynamic Type, reduce-motion), enforces tsc + lint + expo-doctor are clean, removes debug routes (/_kitchen-sink), and finalizes app icon + splash + adaptive icon. Optionally produces an EAS preview build. Final phase — run after every other crave-* skill.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

noorjsdivs

noorjsdivs/crave

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

crave-qa-polish

Phase 6. Take a working app to a clean, production-quality demo build.

Pass 1 — State coverage audit

Walk every screen with these toggles to verify all states render correctly:

Fresh install (no session, empty cart, no orders, no favorites).
Slow API (delay() bumped to 1500–2500ms) — skeletons visible.
Errors on (globalThis.__simulateErrors = true) — error UI everywhere.
Mid-order resume — kill app during status preparing, relaunch, verify resumption.
Both light + dark for each screen.

For each gap found: add the missing skeleton / empty / error state using Skeleton / EmptyState from the component library.

Pass 2 — Haptics

Add expo-haptics calls at:

Add to cart (item modal): Haptics.selectionAsync() on the fly-animation completion.
Place order: Haptics.notificationAsync(NotificationFeedbackType.Success) on success; Error on failure.
Reorder: Haptics.impactAsync(ImpactFeedbackStyle.Light).
Order delivered transition: Haptics.notificationAsync(Success) when the Stepper hits delivered.

Pass 3 — Motion polish

All Reanimated animations honor useReducedMotion() (fall back to opacity / instant snaps).
Spring values consistent across components (use a shared motion.ts if drift detected).
No animation longer than ~700ms.
No layout shift on theme toggle.

Pass 4 — Accessibility

Every interactive node has accessibilityRole + accessibilityLabel.
Hit targets ≥ 44×44 (use hitSlop to expand visually-small elements).
AA contrast verified on textSecondary over bg and bgMuted in both modes.
VoiceOver (iOS Simulator → Accessibility Inspector) + TalkBack walkthrough of the golden flow (browse → add → checkout → track).
Dynamic Type: scale text up — only the restaurant-hero display name should cap scaling.
RatingStars reads as text (already), not as color-only.
Order Stepper announces current status.

Pass 5 — Quality gates

All must be clean:

npx tsc --noEmit
npx expo lint
npx expo-doctor

Plus: cold-start the app in Expo Go, run the full golden flow (browse → add → checkout → track → delivered → reorder), verify all data survives a force-quit + relaunch.

Pass 6 — Strip debug surfaces

Delete app/_kitchen-sink.tsx (or guard with if (!__DEV__) return null and remove the link in Account).
Remove any console.log / console.debug.
Remove __simulateErrors toggle UI (the flag itself can stay for dev).
Remove any TODO comments left behind.

Pass 7 — Branding & assets

App icon (assets/icon.png, 1024×1024) — Crave wordmark + flame/fork mark in accent.
Splash (assets/splash.png) — accent background + centered icon at ~30% width.
Adaptive icon (assets/adaptive-icon.png) — foreground layer + flat accent background.
app.json: name "Crave", slug "crave", scheme "crave", userInterfaceStyle: "automatic".

Pass 8 — Optional EAS preview build

npm i -g eas-cli
eas login
eas build:configure
eas build --profile preview --platform ios

Share the internal-distribution link. Do NOT run production builds unless explicitly asked.

Acceptance

Every screen renders empty/loading/error correctly in both modes.
All four quality gates clean (tsc, expo lint, expo-doctor, Expo Go boot).
Golden flow works end-to-end offline on seed data.
A11y audit complete; reduce-motion respected.
/_kitchen-sink not reachable from any user-facing surface.
Final summary handed back: what changed, what to demo, the run command.

Hard rules

Don't skip a gate. If tsc fails, fix the root cause — don't suppress with @ts-ignore.
Don't remove features to make the build pass. If a check fails, fix the implementation.
No production EAS submit without explicit user approval.

이 저장소의 다른 Skills

같은 저장소

crave-account

noorjsdivs/crave

Phase 5/6 of Crave — build the Account tab (profile, saved addresses, payment methods (mock), appearance picker (system/light/dark), notifications toggles, favorites list, sign-out). Guest mode shows a "Sign in" prompt and disables persistent sections. Use after crave-order-flow.

2026-06-134

crave-api-storage

noorjsdivs/crave

Phase 2 (part 2) of Crave — build the typed mock API layer (src/services/api), the AsyncStorage persistence wrappers (src/services/storage), and the Zustand cart + session stores with persist middleware. The api module is the SINGLE swap point for a real backend later — every screen reads through it via hooks. Includes the timer-driven order-status advance (Confirmed → Preparing → Picked up → On the way → Delivered). Use after crave-mock-data.

2026-06-134

crave-browse

noorjsdivs/crave

Phase 4 of Crave — build the core browsing surfaces by composing components against the mock API. Fills in Home (LocationHeader + SearchPill + categories + filter chips + feed sections + pull-to-refresh + skeletons), Search (debounced query + filter sheet), Restaurant detail (collapsing hero + sticky category strip + menu sections), and Item detail modal (option groups with live price + quantity + add-to-cart fly animation). Sticky CartBar appears whenever cart is non-empty. Use after crave-routing-auth.

2026-06-134

crave-components

noorjsdivs/crave

Phase 1 of Crave — build the entire in-house component library in src/components per DESIGN-SPEC §5 (Button, Chip, CategoryIcon, RestaurantCard + wide/small, MenuItemRow, SearchPill, LocationHeader, CartBar, QuantityStepper, RatingStars, Badge, SectionHeader, Sheet, Skeleton, EmptyState, Stepper, MapView placeholder) plus the cross-cutting Reanimated motion patterns (press spring 0.97, cart fly, skeleton shimmer, sticky CartBar slide). Every component reads tokens from useTheme — no hardcoded design values. Use after crave-theme.

2026-06-134

crave-kitchen-sink

noorjsdivs/crave

Build the /_kitchen-sink showcase route — a single screen that renders every component from src/components in both light and dark themes for visual audit. Includes a top theme-toggle and an "Exercise mock API" panel that calls each api.* method and prints the result. Used continuously across Phases 1–5 to catch drift; removed in Phase 6 (crave-qa-polish).

2026-06-134

crave-mock-data

noorjsdivs/crave

Phase 2 (part 1) of Crave — author the seed dataset in src/mocks. Produces 12–18 realistic restaurants across cuisines (rating, ETA range, fee, price level, badges, hero image with blurhash) plus 3–5 menu sections per restaurant (items with name, description, priceMinor, photo, popular flag, option groups), plus the categories row (Deals, Grocery, Pizza, Sushi, Burgers, Breakfast, Healthy, Dessert, Coffee). All money as integer minor units + currency. Use after crave-components.

2026-06-134

name

crave-qa-polish

description

crave-qa-polish

Phase 6. Take a working app to a clean, production-quality demo build.

Pass 1 — State coverage audit

Walk every screen with these toggles to verify all states render correctly:

Fresh install (no session, empty cart, no orders, no favorites).
Slow API (delay() bumped to 1500–2500ms) — skeletons visible.
Errors on (globalThis.__simulateErrors = true) — error UI everywhere.
Mid-order resume — kill app during status preparing, relaunch, verify resumption.
Both light + dark for each screen.

For each gap found: add the missing skeleton / empty / error state using Skeleton / EmptyState from the component library.

Pass 2 — Haptics

Add expo-haptics calls at:

Add to cart (item modal): Haptics.selectionAsync() on the fly-animation completion.
Place order: Haptics.notificationAsync(NotificationFeedbackType.Success) on success; Error on failure.
Reorder: Haptics.impactAsync(ImpactFeedbackStyle.Light).
Order delivered transition: Haptics.notificationAsync(Success) when the Stepper hits delivered.

Pass 3 — Motion polish

All Reanimated animations honor useReducedMotion() (fall back to opacity / instant snaps).
Spring values consistent across components (use a shared motion.ts if drift detected).
No animation longer than ~700ms.
No layout shift on theme toggle.

Pass 4 — Accessibility

Every interactive node has accessibilityRole + accessibilityLabel.
Hit targets ≥ 44×44 (use hitSlop to expand visually-small elements).
AA contrast verified on textSecondary over bg and bgMuted in both modes.
VoiceOver (iOS Simulator → Accessibility Inspector) + TalkBack walkthrough of the golden flow (browse → add → checkout → track).
Dynamic Type: scale text up — only the restaurant-hero display name should cap scaling.
RatingStars reads as text (already), not as color-only.
Order Stepper announces current status.

Pass 5 — Quality gates

All must be clean:

npx tsc --noEmit
npx expo lint
npx expo-doctor

Plus: cold-start the app in Expo Go, run the full golden flow (browse → add → checkout → track → delivered → reorder), verify all data survives a force-quit + relaunch.

Pass 6 — Strip debug surfaces

Delete app/_kitchen-sink.tsx (or guard with if (!__DEV__) return null and remove the link in Account).
Remove any console.log / console.debug.
Remove __simulateErrors toggle UI (the flag itself can stay for dev).
Remove any TODO comments left behind.

Pass 7 — Branding & assets

App icon (assets/icon.png, 1024×1024) — Crave wordmark + flame/fork mark in accent.
Splash (assets/splash.png) — accent background + centered icon at ~30% width.
Adaptive icon (assets/adaptive-icon.png) — foreground layer + flat accent background.
app.json: name "Crave", slug "crave", scheme "crave", userInterfaceStyle: "automatic".

Pass 8 — Optional EAS preview build

npm i -g eas-cli
eas login
eas build:configure
eas build --profile preview --platform ios

Share the internal-distribution link. Do NOT run production builds unless explicitly asked.

Acceptance

Every screen renders empty/loading/error correctly in both modes.
All four quality gates clean (tsc, expo lint, expo-doctor, Expo Go boot).
Golden flow works end-to-end offline on seed data.
A11y audit complete; reduce-motion respected.
/_kitchen-sink not reachable from any user-facing surface.
Final summary handed back: what changed, what to demo, the run command.

Hard rules

Don't skip a gate. If tsc fails, fix the root cause — don't suppress with @ts-ignore.
Don't remove features to make the build pass. If a check fails, fix the implementation.
No production EAS submit without explicit user approval.