What problem does it solve?
When editors create new CMS entries, teams often need to collect key fields like title, slug, or category upfront in a guided step before showing the full entry form. This Skill shows how to intercept the "create new entry" flow in Webiny's Headless CMS with a custom wizard that validates initial values and pre-fills the entry editor.
Core Features & Use Cases
- Wizard Registration: Attach a wizard component to specific content models via
ContentEntryEditorConfig.NewEntryWizard and its modelIds prop.
- Feature Architecture: Wire a presenter through
createFeature, createAbstraction, and the DI container, with abstractions.ts and feature.ts as mandatory standalone files.
- Form Handling: Build the wizard form with
FormModelFactory (fields, layout, validation), render it with FormView and FormErrors, and submit via formPresenter.newEntry(initialValues) which marks the entry form dirty.
- Use Case: A content team wants editors to pick a category and enter a title and slug before writing an article. The wizard collects these three fields, validates them, then opens the article entry form pre-filled and flagged with unsaved changes.
Quick Start
Ask the AI to create a New Entry Wizard extension for the article content model that collects title, slug, and category before opening the pre-filled entry form.
