TYPO3 CKEditor 5 Development Skill

Expert patterns for CKEditor 5 integration in TYPO3, including custom plugin development, configuration, and migration from CKEditor 4.

🔌 Compatibility

This is an Agent Skill following the open standard originally developed by Anthropic and released for cross-platform use.

Supported Platforms:

• ✅ Claude Code (Anthropic)
• ✅ Cursor
• ✅ GitHub Copilot
• ✅ Other skills-compatible AI agents

Skills are portable packages of procedural knowledge that work across any AI agent supporting the Agent Skills specification.

Features

• CKEditor 5 Architecture: Plugin system, schema and conversion system, command pattern implementation, UI component development
• TYPO3 Integration: RTE configuration (YAML), custom plugin registration, content element integration, backend module integration
• Migration Patterns: CKEditor 4 to 5 migration, custom plugin conversion, configuration transformation, data migration strategies
• Plugin Development: Complete patterns for creating custom CKEditor 5 plugins with schema definitions, converters, and commands
• Configuration Management: YAML-based RTE presets with toolbar, heading, table, and link configurations
• ES6 Module Development: Modern JavaScript patterns for CKEditor 5 plugin architecture

Installation

Marketplace (Recommended)

Add the Netresearch marketplace once, then browse and install skills:

# Claude Code
/plugin marketplace add netresearch/claude-code-marketplace

npx (skills.sh)

Install with any Agent Skills-compatible agent:

npx skills add https://github.com/netresearch/typo3-ckeditor5-skill --skill typo3-ckeditor5

Download Release

Download the latest release and extract to your agent's skills directory.

Git Clone

git clone https://github.com/netresearch/typo3-ckeditor5-skill.git

Composer (PHP Projects)

composer require netresearch/typo3-ckeditor5-skill

Requires netresearch/composer-agent-skill-plugin.

Usage

This skill is automatically triggered when:

• Developing custom CKEditor 5 plugins for TYPO3
• Configuring RTE presets in TYPO3 v12+
• Integrating CKEditor with TYPO3 backend modules
• Migrating from CKEditor 4 to CKEditor 5
• Working with CKEditor 5 schema, conversion, or command patterns

Example queries:

• "Create a custom CKEditor 5 plugin for TYPO3"
• "Configure RTE preset with custom toolbar"
• "Migrate CKEditor 4 plugin to CKEditor 5"
• "Implement custom element with schema and converters"

Structure

typo3-ckeditor5-skill/
├── SKILL.md                              # Skill metadata and core patterns
├── references/
│   ├── ckeditor5-architecture.md         # CKEditor 5 core concepts
│   ├── typo3-integration.md              # TYPO3-specific integration patterns
│   ├── plugin-development.md             # Custom plugin creation guide
│   └── migration-guide.md                # CKEditor 4 to 5 migration
└── scripts/
    └── verify-ckeditor5.sh               # Verification script

Expertise Areas

CKEditor 5 Architecture

• Plugin system and architecture
• Schema and conversion system
• Command pattern implementation
• UI component development

TYPO3 Integration

• RTE configuration (YAML)
• Custom plugin registration
• Content element integration
• Backend module integration

Migration Patterns

• CKEditor 4 to 5 migration
• Custom plugin conversion
• Configuration transformation
• Data migration strategies

Related Skills

• typo3-extension-upgrade-skill: References this skill for RTE migration
• php-modernization-skill: Modern PHP patterns for backend integration

License

This project uses split licensing:

• Code (scripts, workflows, configs): MIT
• Content (skill definitions, documentation, references): CC-BY-SA-4.0

See the individual license files for full terms.

Credits

Developed and maintained by Netresearch DTT GmbH.

---

Made with ❤️ for Open Source by Netresearch