dexiejs
Installation
SKILL.md
Dexie.js
Implement Dexie as a production data layer, not as scattered table calls inside UI components.
Workflow
- Classify runtime and rendering mode
- Confirm whether the target code runs only in browser or can run on server too.
- Prevent Dexie usage on server runtimes in Next.js, TanStack Start, and SvelteKit.
- Load
references/framework-integration.mdbefore writing framework-specific code.
- Design schema from query shapes
- List read queries first (filters, sorts, ranges), then derive indexes.
- Use compound and multi-entry indexes when queries require them.
- Keep key strategy explicit (
++id, custom IDs, or compound primary key). - Load
references/core-patterns.mdsections 2 and 3.
Related skills
More from devfirexyz/ui-skills
neo-brutalist-ui-system
Apply a reusable neo-brutalist design system to existing or new frontend projects (landing, marketing, portfolio, dashboard, app surfaces) using strong typography, tokenized theming, and variant-driven component primitives. Preserve existing information architecture unless restructuring is explicitly requested.
13inference-agent-ui
Build agent chat interfaces with ui.inference.sh in React or Next.js projects using shadcn registry components (Agent, Thread, PromptInput, Response, Tool, and widgets). Use for tasks involving AI chat UX implementation, tool-driven widget rendering, Vercel AI SDK stream protocol wiring, or inference.sh runtime uiTransform integration.
3