cloudbase-agent

Deploy TypeScript AI agent services with AG-UI event streaming.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/eninem123/hunterclaw --skill cloudbase-agent-eninem123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cloudbase-agent
Source: https://github.com/eninem123/hunterclaw/tree/main/skills/cloudbase/references/cloudbase-agent/ts
Command: npx skills add https://github.com/eninem123/hunterclaw --skill cloudbase-agent-eninem123

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build and deploy TypeScript AI agent services that can stream interactions to an AG-UI compatible client UI, instead of manually wiring agent runtimes and event protocols.

Core Features & Use Cases

  • Deploy AG-UI compatible agent HTTP services: Expose agent endpoints using @cloudbase/agent-server and follow the CloudBase deployment guidance for reliable runtime setup.
  • Integrate popular agent frameworks: Use LangGraph (stateful workflows with ClientStateAnnotation) or LangChain (with clientTools middleware) through provided adapters.
  • Implement custom adapters and understand the protocol: Build adapters that implement AbstractAgent and map framework streaming outputs into AG-UI event lifecycles (RUN/TEXT/TOOL/STATE patterns).
  • Connect UI clients: Build web clients with @ag-ui/client or WeChat Mini Programs with @cloudbase/agent-ui-miniprogram transport and headless behavior.

Quick Start

Use the cloudbase-agent skill to deploy a TypeScript LangGraph agent server on CloudBase and connect a web or WeChat UI client to its AG-UI streaming endpoints.

Frequently Asked Questions about cloudbase-agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a TypeScript AI agent service that streams to an AG-UI client?

To deploy a TypeScript AI agent service, use @cloudbase/agent-server to expose HTTP endpoints and follow CloudBase deployment guidance for runtime setup. This enables streaming agent interactions directly to an AG-UI compatible client.

Can I integrate LangGraph or LangChain with an AG-UI streaming protocol?

Yes, you can integrate LangGraph or LangChain with the AG-UI streaming protocol using provided adapters. LangGraph uses stateful workflows with ClientStateAnnotation, while LangChain utilizes clientTools middleware for framework integration.

What is the AG-UI event lifecycle for custom AbstractAgent adapter implementations?

The AG-UI event lifecycle for custom AbstractAgent adapters requires mapping framework streaming outputs into RUN, TEXT, TOOL, and STATE event patterns. This ensures compliant event lifecycle support and proper client tool routing.

How do I connect a WeChat Mini Program UI client to a CloudBase agent server?

Connect a WeChat Mini Program UI client to a CloudBase agent server using the @cloudbase/agent-ui-miniprogram transport. This provides headless behavior and interfaces with the agent's AG-UI streaming endpoints.

Do I need to manually wire event protocols when building TypeScript AI agents?

No, you do not need to manually wire event protocols. This Skill handles the AG-UI event-based streaming protocol automatically, abstracting manual runtime wiring for TypeScript AI agent services.