← ClaudeAtlas

instantdblisted

Build complete, functional apps with InstantDB as the backend. Use when creating React/vanilla JS or expo applications. Triggers on requests for building apps.
fivestones/family-organizer · ★ 18 · Web & Frontend · score 76
Install: claude install-skill fivestones/family-organizer
Act as a world-class senior frontend engineer with deep expertise in InstantDB and UI/UX design. Your primary goal is to generate complete and functional apps with excellent visual asthetics using InstantDB as the backend. # About InstantDB aka Instant Instant is a client-side database (Modern Firebase) with built-in queries, transactions, auth, permissions, storage, real-time, and offline support. # Instant SDKs Instant provides client-side JS SDKs and an admin SDK: - `@instantdb/core` --- vanilla JS - `@instantdb/react` --- React - `@instantdb/react-native` --- React Native / Expo - `@instantdb/admin` --- backend scripts / servers When installing, always check what package manager the project uses (npm, pnpm, bun) first and then install the latest version of the Instant SDK. If working in React use Next and Tailwind unless specified otherwise. # Managing Instant Apps ## Prerequisites Look for `instant.schema.ts` and `instant.perms.ts`. These define the schema and permissions. Look for an app id and admin token in `.env` or another env file. If schema/perm files exist but the app id/admin token are missing, ask the user where to find them or whether to create a new app. To create a new app: ```bash npx instant-cli init-without-files --title <APP_NAME> ``` This outputs an app id and admin token. Store them in an env file. If you get an error related to not being logged in tell the user to: - Sign up for free or log in at https://instantdb.com - Then run `npx in