Ajouter des modèles CloudBase AI aux applications web
L'intégration de l'IA dans le navigateur peut échouer lorsque les groupes de modèles, l'authentification ou les Token Credits ne sont pas préparés. Cette compétence guide les vérifications préalables CloudBase, l'activation des modèles et les appels SDK pour les applications web.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "ai-model-web" from https://skillstore.io/skills/tencentcloudbase-ai-model-web.md and its manifest at https://skillstore.io/api/skills/tencentcloudbase-ai-model-web/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「ai-model-web」を使用しています。 Ajoute un bouton de résumé CloudBase AI à mon application web.
期待される結果:
Un court plan d'implémentation couvrant la recherche de l'environnement, l'état des Token Credits, les contrôles des modèles activés, l'authentification et le câblage du SDK navigateur.
「ai-model-web」を使用しています。 Fais arriver les réponses en streaming dans mon tableau de bord.
期待される結果:
Un flux de streaming frontend qui met à jour l'interface de façon incrémentale, gère les erreurs et confirme l'utilisation des tokens après la fin.
「ai-model-web」を使用しています。 Utilise un modèle personnalisé compatible OpenAI depuis CloudBase.
期待される結果:
Un parcours d'intégration guidé qui enregistre un groupe de modèles personnalisés, confirme qu'il est prêt et utilise ce groupe dans le SDK web.
I found no confirmed security issues after reviewing SKILL.md. All static findings are false positives caused by Markdown backticks, documentation URLs, SDK examples, and benign references to model identifiers rather than executable shell behavior or reconnaissance. No prompt injection, secret exfiltration, or malicious network behavior was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/tencentcloudbase-ai-model-web/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/tencentcloudbase-ai-model-web?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/tencentcloudbase-ai-model-web?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/tencentcloudbase-ai-model-web/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/tencentcloudbase-ai-model-web.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>tencentcloudbase. (2026). ai-model-web security audit report (audit version 2) [Author version 2.23.8]. Skillstore. https://skillstore.io/skills/tencentcloudbase-ai-model-web/audits/2@techreport{tencentcloudbase-tencentcloudbase-ai-model-web-2026,
author = {tencentcloudbase},
title = {ai-model-web security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/tencentcloudbase-ai-model-web/audits/2},
note = {Author version 2.23.8}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ai-model-web security audit report (audit version 2)"
version: "2.23.8"
type: report
authors:
- name: "tencentcloudbase"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/tencentcloudbase-ai-model-web/audits/2"
identifiers:
- type: other
value: "skillstore:tencentcloudbase-ai-model-web:audit:2"
description: "Skillstore immutable audit report identifier"
Créer une interface de chat React, Vue ou Next.js authentifiée qui appelle CloudBase AI depuis le navigateur.
Vérifier les Token Credits, inspecter les modèles activés, afficher les tarifs et activer le modèle CloudBase sélectionné en toute sécurité.
Créer un modèle reproductible de vérifications préalables, d'authentification et de SDK pour les équipes qui ajoutent des fonctionnalités IA aux tableaux de bord web.
Utilise ai-model-web pour ajouter un simple appel generateText authentifié à ma page React. Exécute d'abord les vérifications préalables requises.
Utilise ai-model-web pour implémenter des réponses en streaming dans un tableau de bord Vue. Vérifie que le modèle est prêt et affiche les erreurs dans l'interface.
Utilise ai-model-web pour activer le modèle géré sélectionné par l'utilisateur après avoir vérifié les tarifs du catalogue, puis mets à jour l'appel SDK frontend.
Utilise ai-model-web pour intégrer un groupe de modèles personnalisés compatible OpenAI, confirmer qu'il est prêt et le connecter à une interface de chat Next.js.
作成者
tencentcloudbaseライセンス
MIT
作者バージョン
v2.23.8
Skillstore リビジョン
r1
参照
24b2fe42a456262f3fd0fb3df72e12d9ed2c32ec
メンテナンスの新しさ
2026/7/21
利用状況
2 ダウンロード · 1 閲覧
ファイル構成
📄 SKILL.md
Créer des flux d’authentification CloudBase Node
Le travail d’authentification CloudBase côté serveur peut mêler identité de l’appelant, recherche d’utilisateur et détails de connexion personnalisée. Cette skill guide les agents Node.js dans l’utilisation des bonnes méthodes SDK et de modèles backend sécurisés.
Créer des fonctionnalités de base de données CloudBase pour Mini Program
Le travail sur la base de données Mini Program exige des modèles SDK corrects et des règles de sécurité adaptées. Cette skill guide Claude, Codex et Claude Code dans les tâches liées à la base de données documentaire CloudBase.
Concevoir des prototypes d’interface utilisateur distinctifs
Les interfaces d’IA génériques manquent souvent de direction visuelle et de détails adaptés à la plateforme. Cette compétence guide Claude, Codex et Claude Code pour définir l’intention de conception avant de créer des prototypes.
Créer des backends IA CloudBase en Node.js
La configuration IA côté backend échoue souvent lorsque les groupes de modèles, les crédits et les méthodes SDK sont devinés. Cette compétence fournit des modèles CloudBase Node.js, des vérifications préalables et des étapes d’activation des modèles.
Planifier des changements de code complexes
Les changements de code importants échouent souvent lorsque le périmètre, la conception et les critères d’acceptation sont vagues. Cette compétence guide Claude, Codex et Claude Code à travers les exigences, la conception, les tâches et la confirmation par étapes.
Créer des modèles de données CloudBase
Le travail sur des schémas complexes nécessite des limites d’entités et des relations claires. Cette compétence guide Claude, Codex et Claude Code dans l’utilisation de modèles Mermaid et de l’outil de modèle de données CloudBase.
Build Interactive Three.js Scenes
作成者 freshtechbro
Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.
Implémenter les transitions de vue React
作成者 vercel-labs
Les transitions de vue React sont faciles à mal placer, ce qui entraîne des animations silencieuses ou gênantes. Cette skill guide les choix d’animations de routes, de Suspense, de listes et d’éléments partagés.
Créer des modèles d’e-mails React Email avec Resend
作成者 resend
Créer des modèles d’e-mails prêts pour la production est difficile, car les clients de messagerie diffèrent. Cette skill guide Claude, Codex et Claude Code dans l’utilisation des composants React Email, l’envoi, le style, la localisation et les workflows d’éditeur.
Améliorer les pratiques TypeScript avec Vue 3
作成者 hyf0
Les projets Vue TypeScript rencontrent souvent des erreurs déroutantes liées aux templates, au routeur et à Volar. Cette skill fournit à Codex, Claude et Claude Code des corrections ciblées pour Vue 3.
Améliorer les composants Vue Options API
作成者 vuejs-ai
Les projets Vue Options API peuvent perdre la sécurité de typage et la liaison correcte de this. Cette skill fournit des modèles directs pour des composants Vue plus sûrs.
Créer des fonctionnalités frontend prêtes pour la production
作成者 davila7
Les équipes frontend ont besoin de recommandations cohérentes sur React et Next.js dans l'ensemble de leurs projets. Cette compétence fournit des workflows de référence, des pratiques de qualité et des scripts utilitaires pour l'analyse frontend.