skills.rest
xongtao
xongtaoCOMMUNITY
Explore all skills by this author →
GitHub

ai-model-web

Generate and stream AI text in React, Vue, or Angular SPAs via CloudBase JS SDK.

Updated Mar 10, 2026
Search Tags:#frontend#javascript#ai#streaming#web#text-generation#cloudbase
One-click install
npx skills add https://github.com/xongtao/openclaw-backup --skill ai-model-web-xongtao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ai-model-web
Source: https://github.com/xongtao/openclaw-backup/tree/main/skills/cloudbase/references/ai-model-web
Command: npx skills add https://github.com/xongtao/openclaw-backup --skill ai-model-web-xongtao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Front-end web apps often require AI-powered text generation and streaming but can't rely on server-side backends. This skill provides browser-based access to AI models via the CloudBase JS SDK, enabling React, Vue, and Angular apps to generate and stream AI responses directly in the client and integrate with static sites or SPAs.

Core Features & Use Cases

  • Text generation: generateText calls to built-in Hunyuan and DeepSeek models from web apps.
  • Streaming: streamText enables incremental AI responses for better UX.
  • Frontend focus: designed for client-side apps; not intended for Node.js backends or WeChat Mini Programs.

Quick Start

Initialize the CloudBase JS SDK in your web app and call generateText or streamText using a built-in model.

Frequently Asked Questions about ai-model-web

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

FAQPage Schema
How do I add AI text generation and streaming to a React or Vue web app?▼

To add AI text generation and streaming to a React or Vue web app, initialize the CloudBase JS SDK in the client and call generateText or streamText with built-in Hunyuan or DeepSeek models. This enables browser-based AI responses without a Node.js backend.

Can I use the CloudBase JS SDK to call Hunyuan and DeepSeek models directly from the browser?▼

Yes, you can use the CloudBase JS SDK to call Hunyuan and DeepSeek models directly from the browser. It requires a CloudBase environment, publishable keys, and client-side authentication to execute generateText and streamText requests in frontend web apps.

Does this browser-based AI text generation approach work with WeChat Mini Programs or Node.js backends?▼

No, this browser-based AI text generation approach does not work with WeChat Mini Programs or Node.js backends. It is specifically designed for client-side frontend web applications including React, Vue, Angular SPAs, and static sites.

What is the best way to stream AI text responses incrementally for better UX in static sites?▼

The best way to stream AI text responses incrementally for better UX in static sites is using the streamText function via the CloudBase JS SDK. It enables incremental AI responses directly from the browser using built-in models.

What do I need to set up before calling generateText from my frontend web application?▼

Before calling generateText from your frontend web application, you need to set up a CloudBase environment, configure publishable keys, and establish client-side authentication. Then initialize the CloudBase JS SDK to enable browser-based AI text generation.

Related Skills

Explore More Software Engineering Skills→
yyds-xyyds-x

ai-model-web

Call CloudBase generateText and streamText from frontend apps via the JS SDK.

Community
Advanced
lxb031018lxb031018
2

ai-model-web

Generate and stream AI text in React, Vue, or Angular apps via @cloudbase/js-sdk.

Community
Intermediate
jsaliojsalio

tdd-plan-ui

Generate structured test plans for frontend UI components.

Community
Intermediate
BaraArdiwinataBaraArdiwinata

authentication-proxy

Route browser authentication requests through Next.js API proxy routes.

Community
Intermediate