Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Scaffold, extend, and verify reactive local-first JavaScript or TypeScript applications with TinyBase. Use when choosing TinyBase for in-memory tabular or key-value state, generating an app with create-tinybase, adding schemas or UI bindings, configuring browser or database persistence, configuring MergeableStore synchronization, or diagnosing an existing TinyBase application.
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-01 | ✗→✓ | ▲ Improved | -69% | 0% |
| case-05 | ✗→✓ | ▲ Improved | 29% | 0% |
| case-12 | ✗→✓ | ▲ Improved | 21% | 0% |
| case-13 | ✗→✓ | ▲ Improved | -17% | 0% |
| case-19 | ✗→✓ | ▲ Improved | 6% | 0% |
Prefer a current generated application over reconstructing TinyBase setup from memory. Preserve persistence and synchronization lifecycle ordering, and verify the behavior the user actually needs.
Read references/architecture.md when choosing between Store and MergeableStore, persistence backends, synchronization, or UI bindings.
Confirm that TinyBase fits the task:
persistence, synchronization, or framework bindings.
unbounded, primarily queried on a server, or requires managed backend facilities.
Inspect the installed generator contract first:
shnpm create tinybase@latest -- --list-options
Translate the user's requirements into explicit values. Generate unattended projects with every applicable option and always disable automatic installation and server startup:
shnpm create tinybase@latest -- \ --non-interactive \ --projectName my-tinybase-app \ --appType todos \ --language typescript \ --framework react \ --tinyWidgets false \ --schemas true \ --syncType none \ --persistenceType local-storage \ --prettier true \ --eslint true \ --installAndRun false
Run the generator in the parent directory that should contain the new project. Do not overwrite an existing directory. After generation:
AGENTS.md and README.md.Inspect package.json, TinyBase imports, Store creation, Persister setup, and Synchronizer setup before editing. Use documentation matching the installed TinyBase version. Start at https://tinybase.org/llms.txt or retrieve current TinyBase documentation through Context7 when available.
Keep these boundaries clear:
Reuse existing imports and patterns when they are current. Import integrations from their specific tinybase/... subpaths. Avoid adding a second source of truth in component state for data already owned by TinyBase.
Match verification to the requested behavior:
confirm changes propagate in both directions.
Do not treat compilation alone as proof of persistence or synchronization.
Other measured skills in the registry, with their headline benchmark lift.