メニュー
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.