Authoring AI Canvas

AI Canvas e il widget Smart Builder Site libero per esperienze generate da codice. Opera dentro un wrapper isolato e riceve il contratto di WordPress, AI-HTML e Smart Bootstrap Manager.

Sequenza obbligatoria

Leggere contesto SBS.
Leggere manifest AI-HTML.
Leggere governance SBM.
Identificare pagina, intento, pubblico e modalita Canvas.
Produrre HTML semantico completo.
Applicare token --sbin-canvas-*.
Aggiungere CSS confinato alla classe radice.
Aggiungere JavaScript solo come progressive enhancement.
Dichiarare dipendenze e plugin GSAP.
Validare schema, accessibilita, responsive e reduced motion.

Payload base

{
  "name": "project-example",
  "widget": "ai_canvas",
  "active": "on",
  "code": {
    "design_mode": "adaptive",
    "inherit_colors": "inherit",
    "inherit_typography": "inherit",
    "inherit_spacing": "inherit",
    "inherit_radius": "inherit",
    "inherit_components": "inherit",
    "inherit_motion": "inherit",
    "html": "<section class=\"project-example\">...</section>",
    "css": ".project-example { color: var(--sbin-canvas-text, #111827); }",
    "js": "",
    "gsap_plugins": []
  }
}

Divieti

Non modificare globalmente html, body, header o footer.
Non nascondere contenuto iniziale in attesa di JavaScript.
Non duplicare Bootstrap, GSAP o librerie governate da SBM.
Non inventare menu, form, attachment o social.
Non usare immagini senza alt, larghezza, altezza o strategia responsive.
Non inserire credenziali, nonce o dati personali.

Design mode

Mode	Uso
`governed`	massimo allineamento a SBM
`adaptive`	landing e sezioni editoriali ad alto impatto
`autonomous`	design locale isolato, senza toccare globali
`inherit`	eredita modalita globale

Prompt operativo

Genera un widget AI Canvas Smart eCommerce.
Usa HTML semantico completo e contenuto leggibile senza JavaScript.
Conserva CSS sotto una classe radice univoca.
Usa token --sbin-canvas-* in modalita governed/adaptive.
Dichiara media, dipendenze e fallback.
Restituisci solo JSON valido conforme allo schema AI Canvas.