القائمة
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