BigHugger
sk Skill · CopilotKit

openbot-data-access

Governs how the OpenBot browser app reads and writes server data — every request goes through client in app/src/lib/client.ts, every read is a queryOptions factory in app/src/lib/<entity>/queries.ts, every write is a mutationOptions factory in app/src/lib/<entity>/mutations.ts, and components consume them through useQuery/useMutation. Use when adding or changing a screen that loads server data, calling a /api/...…

installs 8w
0
30-day movement
starts with the next reading
Related entries
1
Connections
0
typescriptTypeScript

A SKILL.md that encodes OpenBot's browser-side data access conventions: all requests go through a shared client, reads are queryOptions factories per entity, writes are mutationOptions factories, and components consume them via useQuery/useMutation. It includes procedures for adding reads, writes, component consumption, and route preloading, plus a decision tree, red flags, and troubleshooting notes.

Reach for it when an agent is adding or changing code under app/src that fetches or mutates server data and needs to place it correctly.

Use it to

  • Add a read via a queryOptions factory
  • Add a create/update/delete mutation flow
  • Consume queries from a component
  • Preload data in a route beforeLoad
  • Review a diff containing fetch calls under app/src

For Agents editing OpenBot's browser app data layer

Host repository
CopilotKit/OpenBot
Host stars
5,048
Host language
TypeScript
topicsdata-fetchingreact-queryconventionsbrowser-clientopenbotagent-skill