---
title: "copilotkit/openbot skills · skilld"
canonical_url: "https://skilld.dev/gh/copilotkit/openbot"
meta:
description: "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."
"og:description": "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."
"og:title": "copilotkit/openbot skills"
"twitter:description": "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."
"twitter:title": "copilotkit/openbot skills"
---
`
[All skills](https://skilld.dev/skills)
[](https://skilld.dev/gh/copilotkit)
# **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.
main Updated 4 hours ago [GitHub](https://github.com/CopilotKit/OpenBot)
## Repository statistics
- Indexed skills
**2**
- Skill groups
**1**
- GitHub stars
**5,827**
- Forks
**780**
## Skills
2 total
Sort skills
[
**/openbot-screen-layout**
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](https://skilld.dev/gh/copilotkit/openbot/openbot-screen-layout)
Updated 2 weeks ago
[
**/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/\/queries.ts, every write is a mutationOptions factory in app/src/lib/\/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/\/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](https://skilld.dev/gh/copilotkit/openbot/openbot-data-access)
Updated last month
## Add to your README
The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.
``