ai-model-web
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).
How to use
Zainstaluj bibliotekę @cloudbase/js-sdk poleceniem npm install @cloudbase/js-sdk w swoim projekcie webowym.
Zaimportuj cloudbase i zainicjalizuj aplikację, podając identyfikator środowiska (env) i klucz dostępu (accessKey) pobrany z konsoli CloudBase. Pamiętaj, aby inicjalizacja odbywała się synchronicznie na poziomie głównym modułu.
Uwierzytelnij użytkownika anonimowo za pomocą metody signInAnonymously() — jest to wymagane przed użyciem funkcji AI.
Uzyskaj dostęp do modułu AI przez app.ai() i wybierz model do użycia: dla ogólnych zadań rekomendowany jest hunyuan-2.0-instruct-20251111, dla bardziej zaawansowanych scenariuszy deepseek-v3.2.
Użyj metody generateText() do jednorazowego generowania tekstu lub streamText() do streamowania odpowiedzi w czasie rzeczywistym, co zapewnia lepsze doświadczenie użytkownika w interfejsie.
Pamiętaj, że skill jest przeznaczony wyłącznie dla aplikacji browserowych — do backendu Node.js, WeChat Mini Program lub generowania obrazów użyj odpowiednich alternatywnych skills.