Fähigkeiten vue-best-practices

📦

vue-best-practices

Name: vue-best-practices
Author: hyf0

v8.0.0 Inhaltsrevision r1 Sicher 📁 Dateisystemzugriff⚙️ Externe Befehle🌐 Netzwerkzugriff

Vue 3 TypeScript-Praktiken verbessern

Vue-TypeScript-Projekte stoßen häufig auf verwirrende Template-, Router- und Volar-Fehler. Dieser Skill bietet gezielte Vue 3-Korrekturen für Codex, Claude und Claude Code.

Unterstützt: Claude Codex Code(CC)

🥈 81 Silber

Maintain this Skill? Claim it 🥈 81 Silber

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

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.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/hyf0-vue-best-practices.md Signiertes manifest GET /api/skills/hyf0-vue-best-practices/manifest Signiertes lockfile GET /api/skills/hyf0-vue-best-practices/lockfile

Testen

„vue-best-practices“ wird verwendet. Eine Vue-Komponente zeigt Fehler wegen nicht definierter Komponenten in Templates.

Erwartetes Ergebnis:

Prüft strikte Template-Einstellungen und den Import-Scope.
Erklärt, warum die Komponente für vue-tsc nicht sichtbar ist.
Schlägt eine minimale Import- oder Registrierungskorrektur vor.

„vue-best-practices“ wird verwendet. Eine Routenseite kann nicht auf ihren id-Routenparameter zugreifen.

Erwartetes Ergebnis:

Der Skill erkennt das Problem mit der typisierten Routen-Union, empfiehlt routenspezifische Typisierung und warnt davor, wenn breite Typzusicherungen echte Fehler verdecken.

„vue-best-practices“ wird verwendet. HMR bricht nach dem Bearbeiten von script setup im SSR-Modus ab.

Erwartetes Ergebnis:

Überprüft die Vite SSR-Servereinrichtung und HMR-Acceptance-Points.
Schlägt vor, projektlokale Caches erst nach Konfigurationsprüfungen zu löschen.

Sicherheitsaudit

Sicher

v4 • 6.7.2026 Versionsbericht öffnen

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.

Gescannte Dateien

1,514

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

📁 Dateisystemzugriff (2)

rules/duplicate-plugin-detection.md:48 rules/hmr-vue-ssr.md:89

⚙️ Externe Befehle (2)

rules/script-setup-jsdoc.md:43-45 rules/script-setup-jsdoc.md:45-67

🌐 Netzwerkzugriff (3)

SKILL.md:36 SKILL.md:37 SKILL.md:38

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/hyf0-vue-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

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

HTML-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>

Einbettungskarte

<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>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

BibTeX-Zitat

@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}
}

CITATION.cff

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"

Varianten vergleichen

3 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höchster Skillstore-Score

Autor / Quelle Skillstore-Score Evidenzvertrauen Skillstore-Nutzung Aktualisiert

vuejs-ai Empfohlen

vuejs-ai-vue-best-practices

Skillstore-Score 82

Evidenzvertrauen Hoch

Skillstore-Nutzung 201

Aktualisiert

2026-09-09

hyf0 Aktuell

hyf0-vue-best-practices

Skillstore-Score 81

Evidenzvertrauen Hoch

Skillstore-Nutzung 46

Aktualisiert

2026-09-09

antfu

antfu-vue-best-practices

Skillstore-Score 79

Evidenzvertrauen Hoch

Skillstore-Nutzung 40

Aktualisiert

2026-10-24

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Template-Typfehler beheben

Diagnostiziere strikte Template-Fehler, fehlende Komponententypen, data-Attribute und Lücken bei Compiler-Optionen.

Komponentenbibliotheken verbessern

Typisiere Wrapper-Komponenten, Fallthrough-Attribute, Komponenten-Props, emits und den Zugriff auf CSS-Module.

Vue-Tooling stabilisieren

Plane Volar-Upgrades, die Bereinigung von Vite-Plugins, SSR HMR-Korrekturen und Änderungen an der Modulauflösung.

Diese Prompts ausprobieren

Eine Vue-Komponente überprüfen

Überprüfe meine Vue 3-Komponente auf TypeScript- und Template-Typprobleme. Erkläre die wahrscheinliche Ursache und die kleinste sichere Korrektur.

Typisierte Routenparameter beheben

Hilf mir, typisierte Vue Router-Parameter auf dieser Seite zu beheben. Verwende routenspezifische Typisierung und vermeide nach Möglichkeit breite Typzusicherungen.

Wrapper-Komponenten auditieren

Überprüfe diese Wrapper-Komponenten auf Prop-Extraktion, Fallthrough-Attribute, emits-Typisierung und Fehler bei CSS-Modulen.

Eine Volar-Migration planen

Erstelle einen Migrationsplan für Volar 3 und vue-tsc in diesem Repository. Beziehe Editor-Einstellungen, Paketprüfungen und Rollback-Hinweise ein.

Bewährte Praktiken

Verwende eng gefasste Vue-Compiler-Optionen und dokumentiere, warum jede Einstellung aktiviert ist.
Bevorzuge typsichere Routenhelfer vor breiten Typzusicherungen.
Überprüfe Editor-, Language-Server- und Paketversionen, bevor du die Konfiguration änderst.

Vermeiden

Deaktiviere keine strikten Template-Prüfungen, um Probleme mit Komponententypisierung zu verbergen.
Dupliziere Vue-Plugins nicht über die Vite-Konfiguration und die Inline-Build-Konfiguration hinweg.
Kopiere keine Bereinigungsbefehle, ohne das aktuelle Projektverzeichnis zu prüfen.