Habilidades web-development
📦
web-development
v2.23.8 Revisión del contenido r1 Riesgo alto ⚙️ Comandos externos🔑 Variables de entorno🌐 Acceso a red📁 Acceso al sistema de archivos
Construye frontends web fiables
El trabajo de frontend suele fallar cuando las convenciones del framework, la validación del navegador y las reglas de despliegue se mezclan. Esta skill ofrece a los agentes una ruta estructurada para trabajos web con React, Vue, Vite y CloudBase.
Compatible con: Claude Codex Code(CC)
Detente y solicita confirmación antes de instalar.
Revisa el plan y obtén el consentimiento explícito del usuario antes de modificar archivos.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Solicitud de agente
Review the Skillstore skill "web-development" from https://skillstore.io/skills/tencentcloudbase-web-development.md and its manifest at https://skillstore.io/api/skills/tencentcloudbase-web-development/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "web-development". Corrige una redirección de login rota en una aplicación React.
Resultado esperado:
- Identifica el route guard y el handler de login responsables de la redirección.
- Aplica una corrección enfocada sin cambiar páginas no relacionadas.
- Reporta resultados de typecheck, build y validación en navegador.
Usando "web-development". Despliega una SPA Vite en alojamiento estático de CloudBase.
Resultado esperado:
- Confirma la salida de build, las rutas de assets y el modo de enrutamiento.
- Señala el documento de error index requerido para el enrutamiento con history.
- Enumera las comprobaciones de despliegue y cualquier credencial no verificada.
Usando "web-development". Añade carga de datos de CloudBase a una página Vue.
Resultado esperado:
- Mantiene la configuración del SDK dentro de la estructura frontend existente.
- Verifica los estados de carga, vacío, éxito y error en el navegador.
- Separa el trabajo de Web SDK de cambios backend no relacionados.
Auditoría de seguridad
Riesgo altov2 • 9/7/2026 Abrir el informe versionado
Most static findings are false positives caused by Markdown inline code, documentation URLs, and fixed sibling-skill paths. Confirmed risks involve unpinned remote instruction URLs and a public frontend access-key example. Semantic findings also identify unsafe token-cookie and credentialed CORS guidance.
3
Archivos escaneados
471
Líneas analizadas
8
Elementos de revisión
0
Falsos positivos ignorados
Preocupaciones de seguridad confirmadas (4)
Alto
Environment file access
accessKey: process.env.NEXT_PUBLIC_CLOUDBASE_ACCESS_KEY!,
The sample places CLOUDBASE_ACCESS_KEY in a NEXT_PUBLIC variable, which Next.js exposes to browser bundles. If the value is a secret key, users following the sample leak credentials.
Alto
Client-Side Token Cookie Guidance
The Next.js example writes a session access token with document.cookie and later reads it from a request cookie. A JavaScript-readable token cookie is exposed to XSS and omits Secure, HttpOnly, and SameSite protections.
The example directly stores data.session.access_token in document.cookie and then reads cloudbase_token from request cookies. The security weakness follows from the documented flow.
Medio
Permissive Credentialed CORS Example
The NestJS sample allows an origin fallback of * while credentials are enabled. This can teach deployments to combine credentialed requests with overly broad origins.
The CORS example shows a wildcard origin fallback and credentials enabled in the same configuration block. This is a clear unsafe deployment pattern.
Medio
Mutable Remote Instruction Dependency
The standalone instructions tell agents to use raw main-branch URLs for protocols and sibling skills. Unpinned remote instructions can change after marketplace review and alter agent behavior.
The URLs are explicit raw references to main-branch skill and protocol content. The risk is mutable remote instruction loading, not a generic hardcoded URL.
Elementos de revisión de capacidades (8)
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Alto
Environment variable access (dot notation)
accessKey: process.env.NEXT_PUBLIC_CLOUDBASE_ACCESS_KEY!,
The example reads a variable named NEXT_PUBLIC_CLOUDBASE_ACCESS_KEY in browser initialization. NEXT_PUBLIC values are exposed to the client, so a secret access key would leak.
Alto
Environment variable object
accessKey: process.env.NEXT_PUBLIC_CLOUDBASE_ACCESS_KEY!,
The example reads a variable named NEXT_PUBLIC_CLOUDBASE_ACCESS_KEY in browser initialization. NEXT_PUBLIC values are exposed to the client, so a secret access key would leak.
Bajo
Hardcoded URL
- CloudBase main entry: `https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/sk
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Bajo
Hardcoded URL
- Current skill raw source: `https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/mai
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Bajo
Hardcoded URL
- Change Safety Protocol: `https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Bajo
Hardcoded URL
- Deployment Gate: `https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Bajo
Hardcoded URL
- Login flow -> `../auth-tool/SKILL.md` (standalone fallback: `https://cnb.cool/tencent/cloud/cloudb
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Bajo
Hardcoded URL
- Official Account JSAPI Pay, Native QR-code Pay, or WeChat OAuth on CloudBase -> `../cloudbase-wech
The skill points agents to raw remote instruction content on an unpinned main-branch URL. This is legitimate documentation, but it creates a mutable external dependency after audit.
Factores de riesgo
⚙️ Comandos externos (48)
frameworks.md:46-56 SKILL.md:10 SKILL.md:12 SKILL.md:13 SKILL.md:15 SKILL.md:18 SKILL.md:19 SKILL.md:34 SKILL.md:35 SKILL.md:39 SKILL.md:40 SKILL.md:41 SKILL.md:42 SKILL.md:49 SKILL.md:57 SKILL.md:66 SKILL.md:68 SKILL.md:69 SKILL.md:70 SKILL.md:71 SKILL.md:72 SKILL.md:73 SKILL.md:74 SKILL.md:78 SKILL.md:79 SKILL.md:85 SKILL.md:86 SKILL.md:87 SKILL.md:92 SKILL.md:100 SKILL.md:115 SKILL.md:116 SKILL.md:117 SKILL.md:129 SKILL.md:130 SKILL.md:133 SKILL.md:138 SKILL.md:158 SKILL.md:159 SKILL.md:171 SKILL.md:172 SKILL.md:178 SKILL.md:186 SKILL.md:189-191 SKILL.md:191-194 SKILL.md:194-196 SKILL.md:196-200 SKILL.md:200-209
🔑 Variables de entorno (10)
🌐 Acceso a red (6)
📁 Acceso al sistema de archivos (2)
Auditado por: codex Ver historial de auditorías →
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/tencentcloudbase-web-development/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/tencentcloudbase-web-development?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/tencentcloudbase-web-development?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/tencentcloudbase-web-development/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/tencentcloudbase-web-development.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
tencentcloudbase. (2026). web-development security audit report (audit version 2) [Author version 2.23.8]. Skillstore. https://skillstore.io/skills/tencentcloudbase-web-development/audits/2Cita BibTeX
@techreport{tencentcloudbase-tencentcloudbase-web-development-2026,
author = {tencentcloudbase},
title = {web-development security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/tencentcloudbase-web-development/audits/2},
note = {Author version 2.23.8}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-development 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-web-development/audits/2"
identifiers:
- type: other
value: "skillstore:tencentcloudbase-web-development:audit:2"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: Medio 55
Arquitectura
100
Mantenibilidad
87
Contenido
65
Comunidad
100
Cumplimiento de la especificación
Lo que puedes crear
Reparar errores de flujos web
Encuentra la ruta, el componente o el handler responsable, y luego verifica el flujo visible para el usuario en un navegador.
Integrar CloudBase Web
Añade uso de CloudBase Web SDK manteniendo claros los límites entre navegador y servidor.
Validar la preparación de una release
Comprueba la salida de build, el enrutamiento SPA, la configuración de alojamiento estático y el comportamiento en navegador antes del despliegue.
Prueba estos prompts
Validar un cambio de ruta
Usa la skill web-development para inspeccionar la aplicación existente, identificar la ruta afectada, hacer la corrección más pequeña y reportar comprobaciones de build y navegador.
Añadir una página Vite
Usa la skill web-development para añadir una nueva página Vite dentro de las convenciones existentes de enrutamiento y componentes. Incluye pasos de validación y brechas restantes.
Integrar CloudBase Auth
Usa la skill web-development para revisar la superficie actual de auth, mantener el uso del SDK del navegador en el lado del cliente y dirigir los detalles del proveedor a skills de auth.
Preparar alojamiento SPA
Usa la skill web-development para preparar una SPA React o Vue para alojamiento estático de CloudBase. Verifica el modo de enrutamiento, la salida de build y el comportamiento al refrescar el navegador.
Mejores prácticas
- Lee las convenciones existentes de rutas, servicios y build antes de cambiar código.
- Ejecuta comprobaciones del proyecto y flujos en navegador que coincidan con el recorrido de usuario afectado.
- Mantén la integración de CloudBase separada de refactors de UI o backend no relacionados.
Evitar
- Empezar un rediseño cuando el usuario pidió implementación o depuración.
- Afirmar que el trabajo está completo sin evidencia de build, lint, pruebas o navegador.
- Exponer credenciales sensibles mediante variables de entorno frontend públicas.
Preguntas frecuentes
¿Esta skill crea diseños visuales?
No. Indica a los agentes que usen una skill de diseño antes de trabajar en sistemas visuales.
¿Qué frameworks soporta?
Se centra en React, Vue, Vite, límites de Next.js y flujos de navegador relacionados.
¿Puede desplegar sitios estáticos de CloudBase?
Proporciona controles de despliegue y orientación para alojamiento estático, pero siguen siendo necesarias las credenciales y la configuración del proyecto.
¿Ejecuta pruebas de navegador automáticamente?
Indica al agente cuándo usar una herramienta de validación en navegador y qué evidencia recopilar.
¿Es solo para aplicaciones nuevas?
No. Favorece los patrones existentes del proyecto y reparaciones específicas en aplicaciones establecidas.
¿Cómo gestiona la autenticación?
Ofrece orientación sobre límites web y dirige el trabajo detallado de proveedores a skills complementarias de auth.
Detalles del desarrollador
Autor
tencentcloudbaseLicencia
MIT
Versión del autor
v2.23.8
Revisión de Skillstore
r1
Ref.
24b2fe42a456262f3fd0fb3df72e12d9ed2c32ec
Actualidad del mantenimiento
18/7/2026
Uso
0 descargas · 0 vistas
Estructura de archivos