Entwicklung

TYPO3 Frontend Patterns

Wiederverwendbare Frontend-Patterns: Sticky Header, Breadcrumb, Lazy Loading.

Letztes Release v1.1.1

Installation

Nimm den Weg, der zu deinem Projekt passt — alle führen zum selben Skill.

  1. Claude Code über diesen Marketplace
    /plugin install typo3-frontend-patterns@netresearch-claude-code-marketplace
  2. npx beliebige Agent-Skills-CLI
    npx skills add https://github.com/netresearch/typo3-frontend-patterns-skill --skill typo3-frontend-patterns

    Universelle Agent-Skills-CLI von skills.sh — funktioniert in Claude Code, Cursor, GitHub Copilot, Codex, Gemini CLI und 30+ weiteren Agents.

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

    Setzt netresearch/composer-agent-skill-plugin voraus — bindet Agent Skills als Composer-Dependencies in PHP-Projekte ein, erkennt Skills automatisch, generiert AGENTS.md.

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

    Kommt aus netresearch/composer-agent-skill-plugin — pinnt Skill-Repos direkt ohne Packagist-Veröffentlichung, persistiert in composer.skills.lock.

Wofür du den Skill einsetzt

  • Reusable frontend patterns for TYPO3 v13+ sitepackages with Fluid, TypeScript, and SCSS
  • Includes sticky header, lazy loading, breadcrumb with JSON-LD, language switcher, scroll animations, scroll-to-anchor, skeleton loading, toast notifications, and back-to-top

Was der Skill im Projekt erwartet

  • ``bash claude install netresearch/typo3-frontend-patterns-skill ``

Tags

  • development
  • typo3