Assign to Bot Board React component
Hand out work to AI bots on a small board: drag a task to a bot, see who has the skills and room for it, or let the rest assign themselves.
About the Assign to Bot Board component
Assign to Bot Board makes handing out work as simple as moving a card. While you hold a task, each bot says whether it's a good fit, the wrong skills or already full.
That stops work going to a bot that can't do it, without any error messages. When you've placed the ones you care about, Assign the rest handles the others.
When to use it
Use it for planning agent workloads, sprint handouts and small dispatch boards.
It suits a handful of bots and tasks. Large queues need rules, not dragging.
Installation
Add the Assign to Bot Board component to your project with the shadcn CLI. It lands in components/assign-to-bot-board.tsx as plain React + Tailwind CSS source you own and can edit.
npx shadcn@latest add @reactframe/assign-to-bot-boardProps
<AssignToBotBoard /> accepts 5 props, all optional. It also accepts the usual <section> attributes, like className, style, id and aria-*, and passes them to its root element.
| Prop | Type | Default |
|---|---|---|
| theme | "dark" | "light" | "dark" |
| title | string | "Assign this week's work" |
| tasks | { id: string; title: string; skill: string; size: number }[] | DEFAULT_TASKS |
| bots | { id: string; name: string; skills: string[]; capacity: number }[] | DEFAULT_BOTS |
| onAssign | (task: BoardTask, bot: BoardBot | null) => void | — |
- theme"dark" | "light"Default: "dark"
- titlestringDefault: "Assign this week's work"
- tasks{ id: string; title: string; skill: string; size: number }[]Default: DEFAULT_TASKS
- bots{ id: string; name: string; skills: string[]; capacity: number }[]Default: DEFAULT_BOTS
- onAssign(task: BoardTask, bot: BoardBot | null) => void
Assign to Bot Board FAQ
- How does it decide a good fit?
- The bot must have the task's skill and enough free capacity.
- Can I use it on a phone?
- Yes. Tap a task, then tap a bot.
- What does Assign the rest do?
- It gives each waiting task to the first bot with the right skill and room.
- Does the board change height?
- No. Every column keeps the same number of slots.
