Kontakt
Entwicklung

TYPO3 Vite

Beschreibt Vite, SCSS-Struktur und Bootstrap-Theming für TYPO3-Sitepackages ab Version 13. Die benötigten Pakete bleiben Abhängigkeiten des Zielprojekts.

Neuestes Release v1.8.2

Installation

Wähle einen unterstützten Installationsweg. Paketumfang, Einbindung in den Agent und benötigte Laufzeitwerkzeuge können sich unterscheiden.

  1. Claude Code über diesen Marketplace 
    /plugin install typo3-vite@netresearch-claude-code-marketplace

    Zuerst den Marketplace einmal in Claude Code hinzufügen: /plugin marketplace add netresearch/claude-code-marketplace. Danach das gewünschte Plugin installieren. Einrichtung und Geltungsbereich beschreibt die Claude-Code-Anleitung Ein Plugin kann mehrere Skills und zusätzliche Bestandteile enthalten.

  2. npx Skills gezielt auswählen 
    npx skills add https://github.com/netresearch/typo3-vite-skill

    Benötigt Node.js 22.20+. Im Zielprojekt ausführen und anschließend Skills und Agents im Installer auswählen. Verwendet den skills-Installer von skills.sh Installiert Skill-Anweisungen. Zusätzliche Plugin-Hooks, Befehle und externe Laufzeitwerkzeuge werden damit nicht eingerichtet.

  3. composer require PHP-Projekt, als Paket 
    composer require netresearch/typo3-vite-skill

    Den Composer-Skill-Installer aktivieren und die Skill-Einbindung auf Nachfrage freigeben. Setzt netresearch/composer-agent-skill-plugin voraus. Erkennt freigegebene Skill-Pakete und trägt ihre Anweisungen in AGENTS.md ein. Laufzeitwerkzeuge können eine eigene Einrichtung benötigen.

  4. composer skills:add PHP-Projekt, direkte Quelle 
    composer skills:add netresearch/typo3-vite-skill

    Zuerst netresearch/composer-agent-skill-plugin installieren und aktivieren; die Skill-Einbindung der gewählten Quelle freigeben. Wird bereitgestellt von netresearch/composer-agent-skill-plugin Bezieht Quell-Repositories ohne Packagist-Paket und hält sie in composer.skills.lock fest. Laufzeitabhängigkeiten werden getrennt eingerichtet.

Wofür du das Paket einsetzt

  • Vite-Einstiegspunkte und eine passende SCSS-Struktur für ein TYPO3-Sitepackage einrichten.
  • Bootstrap-Theming, SVG-Verarbeitung und die im Quell-README verlinkten Konfigurationsmuster anwenden.

Ergebnisse und Beispiele

  • Vite-Konfiguration und Einstiegspunkte, eine SCSS-Struktur und Beispiele für das Bootstrap-Theming eines TYPO3-Sitepackages.

Voraussetzungen im Projekt

  • Ein TYPO3-Sitepackage ab Version 13; Vite, zugehörige Plugins, SVGO, Bootstrap und vite-asset-collector sind Pakete des Zielprojekts.
  • Der Skill selbst ist Text. Das Zielprojekt wählt und sperrt die benötigten Paketversionen.

Tags

  • development
  • typo3