メニュー
Documents mobile-primary breakpoints, app shell, and viewport checklist for simple-books. Use when changing layout, navigation, or testing responsive UI.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Documents Docker image build, Helm chart, release-please versioning, GitHub Actions CI, and K8s deploy constraints for simple-books. Use when deploying, releasing, adding CI workflows, or configuring production infrastructure.
Documents smoke test runbook, when to add tests, and Playwright selector pitfalls for simple-books. Use when running E2E tests, debugging flakes, or writing UI tests.
Documents double-entry journal posting via postJournalSync, ACCT codes, and MVP recipes in simple-books. Use when adding business events, invoices, payments, mileage, reversals, or ledger entries.
Creates TanStack Start createServerFn RPC endpoints with requireAuthMiddleware and dynamic server imports in simple-books. Use when adding *.functions.ts files, server mutations, or fixing import-protection build errors.
Documents local and S3 attachment storage, upload API, and cleanup for simple-books. Use when working with file uploads, attachments, Garage/S3 config, or IRS retention.
Documents bootstrap sign-up, OIDC-only login when configured, and single-owner bootstrap in simple-books. Use when changing auth, login, OIDC env vars, or user access.
| name | responsive-layout |
| description | Documents mobile-primary breakpoints, app shell, and viewport checklist for simple-books. Use when changing layout, navigation, or testing responsive UI. |
| Zone | Tailwind | Nav |
|---|---|---|
| compact | default, <sm | Bottom tab bar + More sheet |
| comfortable | sm–lg | 56px icon rail |
| spacious | lg+ | 240px labeled sidebar |
Tokens: --nav-height-compact in src/styles.css.
src/components/layout/app-shell.tsx — orchestrates sidebars + bottom navnav-config.ts — BOTTOM_NAV, MORE_NAV, NAV_GROUPSpx-4 py-6 → sm:px-6 sm:py-8 → lg:px-8 lg:py-10Viewports: 390×844, 768×1024, 1280×800.
sm:hidden / hidden sm:block) where needed