# Make Bot UI

> Build a small operator UI over an agent/webhook backend. Use when buttons or controls should trigger an agent workflow.

- Skill: `theonlyfusioncube/make-bot-ui` (Agent Skill)
- Install (CLI): `npx skillmds@latest add theonlyfusioncube/make-bot-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/theonlyfusioncube/make-bot-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: TheOnlyFusionCube (https://skillmd.com/u/theonlyfusioncube)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/theonlyfusioncube/make-bot-ui

---

# Make Bot UI

1. Define the operator actions, payload schema, authentication boundary, and observable completion state before UI code.
2. Keep secrets server-side. Treat webhook URLs/tokens as credentials.
3. Implement the thinnest UI that exposes state, errors, retries, and idempotent request IDs.
4. Make every action safe under duplicate delivery or refresh.
5. Verify one full round trip through the real backend when `observe`/network access exists. Otherwise ship a deterministic local mock plus an explicit integration gap.