Netresearch Skills Marketplace
Development

TYPO3 Frontend Patterns

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.

Latest release v1.1.1

Install

Pick whichever fits your project — they all reach the same skill.

  1. Claude Code via this marketplace 
    /plugin install typo3-frontend-patterns@netresearch-claude-code-marketplace
  2. npx any Agent Skills CLI 
    npx skills add https://github.com/netresearch/typo3-frontend-patterns-skill --skill typo3-frontend-patterns

    Universal Agent Skills CLI from skills.sh — works across Claude Code, Cursor, GitHub Copilot, Codex, Gemini CLI and 30+ more agents.

  3. composer require PHP project, as a package 
    composer require netresearch/typo3-frontend-patterns-skill

    Requires netresearch/composer-agent-skill-plugin — resolves Agent Skills as Composer dependencies in PHP projects, auto-discovers skills, generates AGENTS.md.

  4. composer skills:add PHP project, direct source 
    composer skills:add github:netresearch/typo3-frontend-patterns-skill

    Provided by netresearch/composer-agent-skill-plugin — pins skill repos directly without going through Packagist, locks them in composer.skills.lock.

What you can do with it

  • 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

What it expects in your project

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

Tags

  • development
  • typo3