메뉴
Scaffold a new mobile screen and/or API call in the Expo app following this project's conventions (design-system components, navigation, TanStack Query api/core, theme, i18n). Use when adding or extending a mobile screen or backend call.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Scaffold a new mobile screen and/or API call in the Expo app following this project's conventions (design-system components, navigation, TanStack Query api/core, theme, i18n). Use when adding or extending a mobile screen or backend call.
Change the Prisma schema and create an incremental migration the standard Prisma way (migrate dev for local, migrate deploy for prod), then regenerate the client and seed. Use whenever editing backend/prisma/schema.prisma or adding/altering DB tables, columns, indexes, or enums.
Scaffold a new NestJS endpoint/module/route in the backend following this project's conventions (module + controller + service + dto + constants, auth/roles, pagination, prisma, tests). Use when adding or extending a backend API.
Add a new environment variable to the backend the right way — boot-time validation, .env.example documentation, and typed access. Use when introducing any new backend config/secret/flag.
Audit the project against its production/deploy checklist — required secrets, migrations, store/push config, security toggles, and the verification gate. Use before a release, a deploy, or when asked if the app is production-ready.
Diagnose and fix this project's known environment, toolchain, build, and runtime traps (bun/node shell errors, ESLint version/commit failures, TS path/CSS errors, IAP/auth 500s, FCM iOS errors). Use when a command fails, a commit is blocked, or the app errors in a way that matches a known symptom.
| name | add-mobile-screen |
| description | Scaffold a new mobile screen and/or API call in the Expo app following this project's conventions (design-system components, navigation, TanStack Query api/core, theme, i18n). Use when adding or extending a mobile screen or backend call. |
Read mobile/CLAUDE.md first. Prefer the project generators over hand-writing
boilerplate — then customize the output.
bun run screen -- <Name>Screen <area> (e.g. bun run screen -- ProfileScreen main).
Then fill it in with the design system: Screen, AppText, Button, TextInput
from @/components; colors/spacing from useTheme(); copy from useTranslations()
(never cast locale). No NativeWind className for layout — theme tokens / RN styles + gap.navigation/routes.ts, the param list in
navigation/types, and the relevant stack (AuthStack / MainTabs / RootStack).useStore(s => s.x)), never the whole store.bun run api -- <method> <resource> <name> <endpoint>
(e.g. bun run api -- get user getProfile /v1/users/me) → creates
src/api/core/<resource>/<name>.ts. The endpoint must include /v1 (base URL has /api).src/api/types/{request,response}/<domain>.ts
and the endpoint const in src/api/endpoints/<domain>.ts; wire the barrels.apiClient; skipAuthRefresh: true only for logout-time calls.
Auth-state writes go through authStore (setAuthSession, etc.).mobile/: bun run lint (expo lint --max-warnings 0 + tsc — warnings
fail) and bun run test.
Add tests for pure logic; avoid renderHook (react-test-renderer vs React 19) —
extract and test pure functions, or mock native modules with the mock-prefixed pattern.