Mejorar las prácticas de Vue 3 TypeScript
Los proyectos de Vue TypeScript suelen encontrarse con errores confusos en plantillas, router y Volar. Esta skill ofrece correcciones específicas de Vue 3 para Codex, Claude y Claude Code.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "vue-best-practices" from https://skillstore.io/skills/hyf0-vue-best-practices.md and its manifest at https://skillstore.io/api/skills/hyf0-vue-best-practices/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.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "vue-best-practices". Un componente Vue muestra errores de componente indefinido en las plantillas.
Resultado esperado:
Usando "vue-best-practices". Una página de ruta no puede acceder a su parámetro de ruta id.
Resultado esperado:
La skill identifica el problema de unión de rutas tipadas, recomienda tipado específico de ruta y advierte cuando las aserciones amplias ocultan errores reales.
Usando "vue-best-practices". HMR se rompe después de editar script setup en modo SSR.
Resultado esperado:
The static findings are false positives caused by documentation examples, markdown code fences, and reference links. I found no prompt injection, data exfiltration intent, or unauthorized execution behavior in the cited files.
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.
https://skillstore.io/skills/hyf0-vue-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/hyf0-vue-best-practices?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/hyf0-vue-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/hyf0-vue-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/hyf0-vue-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>hyf0. (2026). vue-best-practices security audit report (audit version 4) [Author version 8.0.0]. Skillstore. https://skillstore.io/skills/hyf0-vue-best-practices/audits/4@techreport{hyf0-hyf0-vue-best-practices-2026,
author = {hyf0},
title = {vue-best-practices security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/hyf0-vue-best-practices/audits/4},
note = {Author version 8.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-best-practices security audit report (audit version 4)"
version: "8.0.0"
type: report
authors:
- name: "hyf0"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/hyf0-vue-best-practices/audits/4"
identifiers:
- type: other
value: "skillstore:hyf0-vue-best-practices:audit:4"
description: "Skillstore immutable audit report identifier"
Cada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.
Por qué esta variante es la primera
vuejs-ai-vue-best-practices
2026-09-09
hyf0-vue-best-practices
2026-09-09
antfu-vue-best-practices
2026-09-09
Diagnosticar errores de plantillas estrictas, tipos de componentes faltantes, atributos de datos y brechas en opciones del compilador.
Tipar componentes envoltorio, atributos fallthrough, props de componentes, emits y acceso a módulos CSS.
Planificar actualizaciones de Volar, limpieza de plugins de Vite, correcciones de SSR HMR y cambios de resolución de módulos.
Revisa mi componente Vue 3 para detectar problemas de TypeScript y tipos en plantillas. Explica la causa probable y la corrección segura más pequeña.
Ayúdame a corregir los parámetros tipados de Vue Router en esta página. Usa tipado específico de ruta y evita aserciones amplias cuando sea posible.
Revisa estos componentes envoltorio para detectar errores de extracción de props, atributos fallthrough, tipado de emits y módulos CSS.
Crea un plan de migración para Volar 3 y vue-tsc en este repositorio. Incluye configuración del editor, comprobaciones de paquetes y notas de rollback.
Autor
hyf0Licencia
MIT
Versión del autor
v8.0.0
Revisión de Skillstore
r1
Ref.
a06681402992ceae98ba04d54cfd4ab004862696
Actualidad del mantenimiento
18/7/2026
Uso
36 descargas · 297 vistas
Estructura de archivos
Mejorar componentes de Vue Options API
por vuejs-ai
Los proyectos de Vue Options API pueden perder seguridad de tipos y una vinculación correcta de this. Esta skill ofrece patrones directos para componentes Vue más seguros.
Desarrolla funcionalidades frontend listas para producción
por davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.
Crear composables de Vue adaptables
por vuejs-ai
Los composables de Vue suelen fallar cuando quienes los llaman pasan una combinación de valores simples, refs y getters. Esta skill guía a Claude, Codex y Claude Code para diseñar composables reutilizables con reactividad de Vue predecible.
Mejorar la fiabilidad de las guardas de Vue Router
por antfu
Los errores en Vue Router pueden causar datos obsoletos, comprobaciones omitidas y bucles de redirección. Esta habilidad ofrece patrones enfocados para guardas seguras, actualizaciones de ruta, limpieza y enrutamiento en producción.
Mejorar la cobertura de pruebas de Playwright
por C0ntr0lledCha0s
Las suites de Playwright pueden volverse inestables cuando la configuración, los localizadores y las fixtures son incoherentes. Esta skill ofrece patrones prácticos para pruebas de navegador fiables, depuración y objetos de página reutilizables.
Crea aplicaciones de Starknet con starknet.js
por internet-court
Las integraciones con Starknet requieren un manejo preciso de proveedores, cuentas, transacciones y comisiones. Esta skill proporciona a Claude, Codex y Claude Code patrones prácticos de starknet.js v9.