---
title: "CopilotKit (@copilotkit) skills · skilld"
canonical_url: "https://skilld.dev/gh/copilotkit"
meta:
  description: "2 agent skills published by CopilotKit on skilld."
  "og:description": "2 agent skills published by CopilotKit."
  "og:title": "CopilotKit on skilld"
---

`

![Avatar for CopilotKit](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fcopilotkit.png)

# **CopilotKit**

[@copilotkit](https://github.com/copilotkit)org

2 skills 5.8k

[GitHub](https://github.com/copilotkit) [Website](https://copilotkit.ai)

## Skills

### [copilotkit/openbot](https://skilld.dev/gh/copilotkit/openbot)

Open-source AI coworkers that each get a computer of their own: a browser, files and tools, with every action decided before it happens and recorded after. Bring any AG-UI agent.

2 skills 5.8k

`npx skilld add copilotkit/openbot`

- [

  **/openbot-data-access**5.8k

  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/... endpoint from the browser, adding a query key, writing a create/update/delete flow, deciding where a fetch belongs, or reviewing a diff that contains the word fetch under app/src. Don't use for server-side route handlers under server/ (that is not browser code), for form validation schemas (those live in lib/\<entity>/form.ts), for page layout and Item rows, or for the AG-UI stream itself, which the runtime carries rather than the client. /openbot-data-access by copilotkit](https://skilld.dev/gh/copilotkit/openbot/openbot-data-access)
- [

  **/openbot-screen-layout**5.8k

  The default layout for every OpenBot configuration screen — PageShell and its prose/wide widths, PageSection and PageRows, Item row composition, the settings-row pattern where a summary and a chevron open a dialog, and the size and variant vocabulary. This is what a new screen looks like unless an instruction says otherwise. Use when adding or changing a screen under app/src/routes, adding a row to an admin or settings page, choosing a Button or Item size, picking between a bordered and a filled row, laying out a dialog, or reviewing a diff that adds max-w-\*, a hand-drawn card, or a new spacing scale under app/src. Don't use for where the data comes from (that is openbot-data-access), for the gallery components under components/gallery that a Bot draws, for the chat and channel surfaces, or for editing the primitives under components/ui themselves. /openbot-screen-layout by copilotkit](https://skilld.dev/gh/copilotkit/openbot/openbot-screen-layout)

Skills published by CopilotKit. Checked GitHub just now