📦

vue

Name: vue
Author: antfu

v2026.1.31 Revisión del contenido r2 Seguro 🌐 Acceso a red⚙️ Comandos externos

Construye componentes de Vue 3 con confianza

Los equipos de Vue necesitan orientación actualizada sobre componentes, reactividad y patrones de TypeScript. Esta habilidad ofrece a Claude, Codex y Claude Code referencias enfocadas de Vue 3.5.

Compatible con: Claude Codex Code(CC)

🥉 79 Bronce

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 "vue" from https://skillstore.io/skills/antfu-vue.md and its manifest at https://skillstore.io/api/skills/antfu-vue/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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.

Detalle Markdown GET /skills/antfu-vue.md Manifest firmado GET /api/skills/antfu-vue/manifest Lockfile firmado GET /api/skills/antfu-vue/lockfile

Pruébalo

Usando "vue". Construye un componente de tarjeta de perfil tipado.

Resultado esperado:

Un plan conciso del componente con nombres de props, eventos emitidos, decisiones de estado y comportamiento de la plantilla.

Usando "vue". Revisa un composable de carga de datos.

Resultado esperado:

Identifica dónde se ejecuta la carga de datos.
Recomienda limpieza para solicitudes obsoletas.
Explica cómo las entradas reactivas deberían actualizar el resultado.

Usando "vue". Explica cuándo usar provide e inject.

Resultado esperado:

Una guía de decisión que cubre dependencias para toda la aplicación, claves de librería, uso de símbolos y alternativas más simples con props.

Auditoría de seguridad

Seguro

v5 • 23/7/2026 Abrir el informe versionado

All 18 static findings are false positives caused by documentation syntax and illustrative Vue code. Backticks are Markdown fences or TypeScript template literals, while fetch calls are inert examples without malicious destinations or secret handling. No prompt injection, command execution, unauthorized network access, system reconnaissance, or data exfiltration intent was found.

Archivos escaneados

876

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

🌐 Acceso a red (5)

references/advanced-patterns.md:165 references/core-new-apis.md:106 references/core-new-apis.md:230 references/script-setup-macros.md:197 SKILL.md:7

⚙️ Comandos externos (11)

references/core-new-apis.md:69-81 references/core-new-apis.md:81-89 references/core-new-apis.md:106-115 references/core-new-apis.md:243-244 SKILL.md:12 SKILL.md:17 SKILL.md:18 SKILL.md:26 SKILL.md:39-68 SKILL.md:68-72 SKILL.md:72-84

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/antfu-vue/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vue/security.svg)](https://skillstore.io/skills/antfu-vue?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/antfu-vue?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/antfu-vue.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

antfu. (2026). vue security audit report (audit version 5) [Author version 2026.1.31]. Skillstore. https://skillstore.io/skills/antfu-vue/audits/5

Cita BibTeX

@techreport{antfu-antfu-vue-2026,
  author = {antfu},
  title = {vue security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vue/audits/5},
  note = {Author version 2026.1.31}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue security audit report (audit version 5)"
version: "2026.1.31"
type: report
authors:
  - name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vue:audit:5"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

100

Mantenibilidad

Contenido

Comunidad

100

Cumplimiento de la especificación

Lo que puedes crear

Construir componentes tipados

Crea componentes Vue con script setup, props tipadas, emits, slots y patrones de v-model.

Modernizar código Vue

Refactoriza componentes existentes hacia Composition API, estado reactivo y patrones actuales de ciclo de vida.

Revisar patrones compartidos

Revisa composables, uso de provide/inject, carga asíncrona y refs de plantilla para diseños mantenibles.

Prueba estos prompts

Crear un componente básico

Usa la habilidad de Vue para construir un pequeño componente de Vue 3 con script setup, props tipadas y un evento emitido. Explica las decisiones importantes.

Refactorizar lógica de Options API

Convierte este componente Vue Options API a Composition API. Usa ref, computed, watch y hooks de ciclo de vida claros donde encajen. Conserva el comportamiento.

Diseñar un composable reutilizable

Diseña un composable Vue tipado para carga de datos compartida. Incluye estado de carga, estado de error, reglas de limpieza y un ejemplo de uso en un componente.

Revisar un patrón Vue asíncrono

Audita esta funcionalidad Vue para detectar riesgos relacionados con Suspense, top-level await, limpieza de watchers, refs de plantilla y TypeScript. Recomienda mejoras enfocadas.