# 🤖 Add a wizardAñadir un wizard

Fill the form. Copy the generated snippets into blogy.html — your wizard joins Lovely, Joy & Wisdom under the ✦ magic dropdown.Rellena el formulario. Copia los fragmentos generados en blogy.html — tu wizard se sumará a Lovely, Joy y Wisdom bajo el desplegable ✦ magic.

Identity

The wizard ID is used as the radio suffix (`cheeky` → `#wizard-choice-main-cheeky`). Short, lowercase, kebab-case.

Wizard ID id suffix
Wizard display name title="Wizard · NAME"
Wizard icon (emoji) .wizard-arm content
📚 Pick from icon library…
📁 Upload your own

SVG or square PNG/JPG. Suggested: 64×64 px, transparent background, under 50 KB. Larger files are accepted but may slow rendering on small UI cells.

Preview
😈 title=Wizard · Cheeky
Sample phrase

Pre-filled text that loads into the entry-textarea when the wizard is selected. The same line is duplicated across the 4 textareas (main, alternative, extra, note, sibling).

Sample line entry-textarea--ID content Sneaky thought: what if we did the opposite, just for fun?
＋ Add more
Sample line 2
Sample line 3
Sample line 4
Sample line 5
Sample line 6

Injects the wizard live into blogy.html (this tab only — refresh resets it).

copied.
Display code
① HTML — radio inputs Paste with the other `wizard-choice-*` radios (the hidden state controls block, ~line 4150).

② HTML — wizard-arm labels Paste each one inside its matching `.wizard-arms` span, right after the 🔥 wisdom arm (4 places).

③ HTML — sample textareas Paste each one inside its matching `.entry-textareas` div, after the `entry-textarea--wisdom` (4 places).

④ CSS — gate rules Append the new wizard ID lines to the four `body:has(#wizard-choice-…:checked)` rule blocks in blogy.html.

copied.