WonderPanda
8 verified skills
database-drizzle
Drizzle ORM schema patterns, D1 bulk inserts, and data model guidelines for Mana Vault. Use when modifying database schema, writing Drizzle queries, working with collection cards, virtual lists, or any server-side data operations. IMPORTANT: Always read SCHEMA.md before making data model changes.
documentation
react-native-expo
React Native and Expo patterns for Mana Vault mobile app. Use when working on the native app in apps/native/, modifying Expo Router routes, HeroUI Native components, or Uniwind styling. Covers project structure and key conventions.
development
tanstack-db-client
TanStack DB client-side reactive data patterns for Mana Vault. Use when working with useLiveQuery hooks, client-side collections, RxDB/Dexie sync, or any reactive data queries in the web app. Covers hook locations, DB setup, and query builder best practices.
tools
agent-browser-testing
Browser E2E testing patterns using agent-browser CLI for Mana Vault. Use when running end-to-end tests, verifying UI behavior, testing login flows, or debugging browser-based issues. Covers agent-browser commands, test credentials, login flow, and best practices.
tools
api-orpc
oRPC API layer patterns for Mana Vault. Use when creating or modifying API routes/procedures, working with oRPC server or client code, adding new endpoints, or debugging API errors. Covers procedure types, Zod validation, error handling, and client-side query/mutation patterns.
tools
local-first-replication
Bootstraps local-first replication architecture using RxDB + oRPC + TanStack DB in TanStack Router applications. Covers server-side EventPublisher pattern, checkpoint-based pull endpoints, push replication with conflict resolution, multiplexed SSE streaming (single connection for all entities), client-side RxDB setup with IndexedDB, replication configuration, and React integration with TanStack DB collections and useLiveQuery. Use when: (1) Setting up offline-first architecture from scratch, (2) Adding real-time replication to a TanStack Router + oRPC app, (3) Bootstrapping a local-first data layer, (4) Implementing multiplexed sync to avoid browser connection limits, (5) Adding push replication with conflict resolution, (6) Creating reactive queries with RxDB + TanStack DB. Triggers: "set up local-first", "bootstrap offline-first", "add replication architecture", "set up RxDB with oRPC", "create local-first architecture", "implement pull replication", "implement push replication", "add multiplexed sync", "set up tanstack db with rxdb", "add real-time replication", "offline-first setup".
tools
react-components
React component patterns, styling conventions, and UI guidelines for Mana Vault web app. Use when creating or modifying React components, working with TailwindCSS, shadcn/ui, class-variance-authority, or route components in TanStack Router.
development
worktrunk-setup
Set up worktrunk (git worktree manager) with dynamic port allocation for Better-T-Stack monorepos using Doppler, Alchemy, and Vite. Use when bootstrapping a new project's worktree workflow, or when asked to "set up worktrunk", "configure worktrees", "add worktree support", or "set up dynamic ports for worktrees". Covers: post-create hooks (Doppler setup, dependency install, .env.worktree generation), env-based port overrides in Vite and Alchemy configs, and dev script modification to source worktree-specific env vars after Doppler injection.
development