adk-frontend
ADK Frontend Integration
Use this skill when users ask questions about building frontend applications that connect to Botpress ADK bots. This covers authentication patterns, type-safe API calls, client configuration, and integrating generated types.
What is ADK Frontend Integration?
When you build a bot with the Botpress ADK, you often need a frontend application that interacts with it. This skill provides production-tested patterns for:
- Authentication - Cookie-based PAT storage with OAuth flow
- Client Management - Zustand store pattern for client caching and reuse
- Type Generation - Using ADK-generated types for full type safety
- Action Calls - Calling bot actions with proper error handling and optimistic updates
Key Technologies
- @botpress/client - Official TypeScript client for Botpress API
- Triple-slash references - TypeScript pattern for importing generated types
- React Query - For mutations and cache management (optional but recommended)
- Zustand - For client state management
More from botpress/skills
adk
a set of guidelines to build with Botpress's Agent Development Kit (ADK) - use these whenever you're tasked with building a feature using the ADK
600adk-evals
Complete reference for writing, running, and iterating on evals (automated conversation tests) for ADK agents. Covers eval file format, all assertion types, CLI usage, and per-primitive testing patterns.
214adk-integrations
guidelines for discovering, adding, configuring, and using Botpress integrations in ADK projects - use when users ask about connecting services, managing dependencies, or using integration actions
208adk-debugger
Systematic debugging for ADK agents — trace reading, log analysis, common failure diagnosis, and the debug loop.
206adk-docs
guidelines for creating, reviewing, updating, and searching ADK documentation - use when users ask about writing, maintaining, or auditing ADK bot docs
205adk-dev-console
Explains the ADK Dev Console — what each tab shows, how to read Agent Steps, traces, and other UI features visible at localhost:3001 during adk dev
166