Vue Jsx Best Practices
Skill Verifiziert AktivJSX syntax in Vue (e.g., class vs className, JSX plugin config).
To help developers understand and correctly implement JSX syntax in Vue.js projects, bridging the gap for those familiar with React JSX.
Funktionen
- Explains JSX syntax differences between Vue and React
- Covers attribute mapping (class vs. className)
- Provides information on JSX plugin configuration for Vue
Anwendungsfälle
- Migrating React JSX code to Vue
- Resolving attribute type errors when using JSX in Vue
- Configuring JSX plugins for Vue projects
Nicht-Ziele
- Providing general Vue.js best practices
- Covering React-specific JSX features not applicable to Vue
- Detailed setup guides for build tools beyond JSX plugin configuration
Practical Utility
- info:Edge casesWhile the skill addresses specific differences, explicit documentation of failure modes and recovery steps is missing.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add hyf0/vue-skills/plugin install vue-skills@vue-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Frontend Design
99Erstellen Sie unverwechselbare Frontend-Oberflächen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer auffordert, Webkomponenten, Seiten oder Anwendungen zu erstellen. Generiert kreativen, polierten Code, der generische KI-Ästhetik vermeidet.
Setup
100Use first for install/update routing — sends setup, doctor, or MCP requests to the correct OMC setup flow
Mcp Setup
100Configure popular MCP servers for enhanced agent capabilities
Running Claude Code Via Litellm Copilot
100Verwenden Sie dies beim Routing von Claude Code über einen lokalen LiteLLM-Proxy zu GitHub Copilot, um die direkten Anthropic-Ausgaben zu reduzieren, indem Sie ANTHROPIC_BASE_URL- oder ANTHROPIC_MODEL-Overrides konfigurieren oder Fehler bei der Einrichtung des Copilot-Proxys beheben, wie z. B. model-not-found, kein localhost-Traffic oder GitHub 401/403-Authentifizierungsfehler.
Sync Setup
100Wird verwendet, wenn der Benutzer zum ersten Mal die Konfigurationssynchronisierung einrichten, eine Verbindung zu GitHub herstellen oder das Backup-Repository neu initialisieren möchte.