Skills cloudbase-agent-ts

Name: cloudbase-agent-ts
Author: openclaw

Build and deploy AI agents with Cloudbase Agent (TypeScript), a TypeScript SDK implementing the AG-UI protocol. Use when: (1) deploying agent servers with @cloudbase/agent-server, (2) using LangGraph adapter with ClientStateAnnotation, (3) using LangChain adapter with clientTools(), (4) building custom adapters that implement AbstractAgent, (5) understanding AG-UI protocol events, (6) building web UI clients with @ag-ui/client, (7) building WeChat Mini Program UIs with @cloudbase/agent-ui-miniprogram.

install

source · Clone the upstream repo

git clone https://github.com/openclaw/skills

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/binggg/cloudbase/references/cloudbase-agent-ts" ~/.claude/skills/openclaw-skills-cloudbase-agent-ts && rm -rf "$T"

OpenClaw · Install into ~/.openclaw/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.openclaw/skills && cp -r "$T/skills/binggg/cloudbase/references/cloudbase-agent-ts" ~/.openclaw/skills/openclaw-skills-cloudbase-agent-ts && rm -rf "$T"

manifest: skills/binggg/cloudbase/references/cloudbase-agent-ts/SKILL.md

Cloudbase Agent (TypeScript)

TypeScript SDK for deploying AI agents as HTTP services using the AG-UI protocol.

Note: This skill is for TypeScript/JavaScript projects only.

When to use this skill

Use this skill for AI agent development when you need to:

Deploy AI agents as HTTP services with AG-UI protocol support
Build agent backends using LangGraph or LangChain frameworks
Create custom agent adapters implementing the AbstractAgent interface
Understand AG-UI protocol events and message streaming
Build web UI clients that connect to AG-UI compatible agents
Build WeChat Mini Program UIs for AI agent interactions

Do NOT use for:

Simple AI model calling without agent capabilities (use
```
ai-model-*
```
skills)
CloudBase cloud functions (use
```
cloud-functions
```
skill)
CloudRun backend services without agent features (use
```
cloudrun-development
```
skill)

How to use this skill (for a coding agent)

Choose the right adapter
- Use LangGraph adapter for stateful, graph-based workflows
- Use LangChain adapter for chain-based agent patterns
- Build custom adapter for specialized agent logic
Deploy the agent server
- Use
```
@cloudbase/agent-server
```
  to expose HTTP endpoints
- Configure CORS, logging, and observability as needed
- Deploy to CloudRun or any Node.js hosting environment
Build the UI client
- Use
```
@ag-ui/client
```
  for web applications
- Use
```
@cloudbase/agent-ui-miniprogram
```
  for WeChat Mini Programs
- Connect to the agent server's
```
/send-message
```
  or
```
/agui
```
  endpoints
Follow the routing table below to find detailed documentation for each task

Routing

Task	Read
Deploy agent server (@cloudbase/agent-server)	server-quickstart
Use LangGraph adapter	adapter-langgraph
Use LangChain adapter	adapter-langchain
Build custom adapter	adapter-development
Understand AG-UI protocol	agui-protocol
Build UI client (Web or Mini Program)	ui-clients
Deep-dive @cloudbase/agent-ui-miniprogram	ui-miniprogram

Quick Start

import { run } from "@cloudbase/agent-server";
import { LanggraphAgent } from "@cloudbase/agent-adapter-langgraph";

run({
  createAgent: () => ({ agent: new LanggraphAgent({ workflow }) }),
  port: 9000,
});