instantdb

Solid

Build complete, functional apps with InstantDB as the backend. Use when creating React/vanilla JS or expo applications. Triggers on requests for building apps.

Web & Frontend 18 stars 10 forks Updated 1 months ago MIT

Install

View on GitHub

Quality Score: 76/100

Stars 20%
43
Recency 20%
75
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

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...

Details

Author
fivestones
Repository
fivestones/family-organizer
Created
1 years ago
Last Updated
1 months ago
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

ai-app

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot

37 Updated 3 days ago
laguagu
Web & Frontend Solid

ionic-app-creation

Guides the agent through creating a new Ionic app using the Ionic CLI. Covers project scaffolding with ionic start, framework selection (Angular, React, Vue), template selection (blank, tabs, sidemenu), Capacitor integration, and optional Tailwind CSS setup. After app creation with Capacitor integration, delegates to the capacitor-app-creation skill for further Capacitor setup. Do not use for existing Ionic projects, migrating Ionic apps, upgrading Capacitor versions, or non-Ionic mobile frameworks.

23 Updated 3 weeks ago
capawesome-team
Web & Frontend Featured

devtools-app-setup

Install TanStack Devtools, pick framework adapter (React/Vue/Solid/Preact), register plugins via plugins prop, configure shell (position, hotkeys, theme, hideUntilHover, requireUrlFlag, eventBusConfig). TanStackDevtools component, defaultOpen, localStorage persistence.

464 Updated 4 days ago
TanStack
Web & Frontend Featured

inspira-ui

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering setup, CSS variables, motion-v integration errors.

106 Updated 1 months ago
secondsky