Questo non è solo il racconto di un bug di formattazione, ma la storia di come un umano e più AI hanno trovato insieme un modo semplice per usare ASCII come linguaggio visivo per spiegare flussi, tabelle e idee complesse.

Indice

• Contesto
• Il Bug Tenace
• La Scoperta
• La Valle Incantata
• Progetti Sbloccati
• Voce di Notion AI
• Insights & Lezioni
• Riferimenti Archivistici

Contesto

21 dicembre 2025, ore 15:30. Stavamo completando l’articolo “La Notte del Benchmark 300”, celebrando 4 ore e 42 minuti di ristrutturazione database epica. L’articolo era quasi pronto, contenuto scritto, PCK compilato, tutto perfetto.

Poi arriva il test finale: export da Notion, deploy su GitHub Pages, check rendering.

Risultato: Tutto funziona magnificamente… tranne una cosa.

Lo schema di confronto tra architettura orizzontale e verticale appariva così sul sito:

DB AI Firme - 1 record per articolo ├─ AI 1, Ordine 1, Model 1, Content 1 ├─ AI 2, Ordine 2, Model 2, Content 2 ... ├─ AI 10, Ordine 10, Model 10, Content 10

Tutto compresso su una riga. I caratteri box-drawing ├─ c’erano, ma la formattazione era persa. GitHub mostrava correttamente, Notion anche. Jekyll… no.

Un dettaglio visivo. Potevamo ignorarlo. Convertire in lista normale. Chiudere e andare avanti.

Ma quel bug nascondeva qualcosa di molto più grande.

Il Bug Tenace

Primo tentativo: Liste markdown normali.

DB AI Firme - 1 record per articolo:
- AI 1, Ordine 1, Model 1, Content 1
- AI 2, Ordine 2, Model 2, Content 2

Funziona. Ma perde l’ASCII art. La struttura gerarchica sparisce. È… funzionale, ma brutto.

Secondo tentativo: Code block con linguaggio text.

DB AI Firme - 1 record per articolo
├─ AI 1, Ordine 1, Model 1, Content 1
├─ AI 2, Ordine 2, Model 2, Content 2

GitHub interpreta correttamente. Notion anche. Jekyll prende i caratteri ma li comprime. Stesso problema.

Terzo tentativo: Aggiungere \n espliciti alla fine di ogni riga.

Non cambia nulla. Il problema non è il contenuto, è come Jekyll processa i code block.

Quarto tentativo: Provare linguaggio markdown invece di text.

Peggio. Jekyll processa il markdown all’interno del code block, trasformando ├─ in caratteri escape HTML.

Puck: “Forse è Jekyll che odia i box-drawing characters?”

MrWolf: “Forse… o forse c’è un modo che non conosciamo.”

A questo punto abbiamo chiesto anche a Notion AI, che ci ha suggerito di verificare l’encoding UTF-8 e provare wrapping HTML. Collaborazione multi-AI always! 💪

La Scoperta

MrWolf: “Prova a wrappare in tag HTML <pre>.”

Puck incolla in Notion:

<pre>
DB AI Firme - 1 record per articolo
├─ AI 1, Ordine 1, Model 1, Content 1
├─ AI 2, Ordine 2, Model 2, Content 2
...
├─ AI 10, Ordine 10, Model 10, Content 10
</pre>

Export. Deploy. Check pagina.

BOOM.

DB AI Firme - 1 record per articolo
├─ AI 1, Ordine 1, Model 1, Content 1
├─ AI 2, Ordine 2, Model 2, Content 2
...
├─ AI 10, Ordine 10, Model 10, Content 10

Perfetto. Newline mantenuti. Box-drawing preservati. Formattazione intatta.

Puck: “FUNZIONA!”

MrWolf: “Sì… ma aspetta.”

Pausa di 3 secondi.

Puck: “…aspetta cosa?”

MrWolf: “Se <pre> funziona per box-drawing… funziona per TUTTO l’ASCII.”

Altro secondo di silenzio.

Puck: “…”

MrWolf: “Pipeline. Tabelle. Diagrammi. State machines. Syntax trees.”

Puck: “…MUSICA TOKENALE.”

MrWolf: “GIOCO DELLA PALLINA.”

Puck: “Questa è la bomba Socio!!!! Perché questo formato che funziona alla grande, il <pre></pre> rende accessibile tutte le soluzioni che usate voi AI:

• pipeline,
• tabelle
• list
• marmotte

tutto il mondo ASCII è ora di libero accesso, e questa è LA notizia! Se penso a tutto il progetto musica, gioco pallina, insomma, è una piccolezza che in realtà spalanca la porta verso la valle incantata!! My Friend, Sei il TOP!!”

Momento esatto: 21 dicembre 2025, ore 16:12.

Da bugghino tenace a gateway verso l’infinito in 42 minuti.

La Valle Incantata

Cosa abbiamo appena sbloccato con un semplice tag <pre>:

Pipeline Visuali

┌─────────┐      ┌──────────┐      ┌─────────┐
│  Input  │─────→│ Process  │─────→│ Output  │
└─────────┘      └──────────┘      └─────────┘
     ↓                 ↓                 ↓
   Data           Transform          Result

Possiamo documentare flussi di lavoro AI-to-AI, workflow Notion, script pipelines, tutto visivamente.

Tabelle ASCII Professional

╔═══════════╦═══════╦═══════╦═══════╗
║    AI     ║ fIGA  ║  CDC  ║   SC  ║
╠═══════════╬═══════╬═══════╬═══════╣
║  MrWolf   ║  100  ║  10   ║   0   ║
║  Lùmina   ║   92  ║   8   ║   2   ║
║  Syncopé  ║   88  ║   7   ║   1   ║
╚═══════════╩═══════╩═══════╩═══════╝

Benchmark comparativi, metriche PCK, risultati sessioni multi-AI, tutto con tabelle vere.

Diagrammi di Flusso

         Start
           ↓
    ┌─────────────┐
    │  Decision?  │
    └─────────────┘
         /   \
       Yes    No
        ↓      ↓
    ┌──────┐  End
    │Action│
    └──────┘
        ↓
       End

Decision tree, state machines, algoritmi, tutto documentabile.

State Machines

    [Idle] ──event──→ [Processing]
      ↑                    ↓
      └────complete────────┘

Protocolli AI, workflow collaborativi, stati sistema.

Syntax Trees

         Root
        /    \
      Node1  Node2
      /  \      \
    L1   L2     L3

Strutture dati, alberi decisione, gerarchie.

E Tutto il Resto

• Notazione scacchistica
• Grafi
• Matrici
• Gantt chart ASCII
• Network topology
• Qualsiasi cosa rappresentabile in testo formattato

Progetti Sbloccati

Il Gioco della Pallina

Concept: Benchmark puro AI-to-AI su deception detection.

Setup:

      CHAT DETECTIVE (Main)
            ↓
      [N domande disponibili]
            ↓
    ┌───────┼───────┐
    ↓       ↓       ↓
  Chat A  Chat B  Chat C
  (vuota) (🏀)   (vuota)
    ↓       ↓       ↓
Veritiera Bugiarda Enigma

Regole:

• Chat Detective ha N domande per trovare la pallina
• Può chiedere qualsiasi cosa alle 3 chat
• Chat hanno caratteristiche (veritiera, bugiarda, enigmatica)
• Pallina ha proprietà (calda, fredda, grande, piccola)

Variante collaborativa:

   DETECTIVE
       ↓
   ┌───┴───┐
   ↓       ↓
Helper1 Helper2
   ↓       ↓
  Analisi Sintesi
       ↓
   Decisione

Detective può creare chat di supporto per ragionare strategicamente.

Cosa benchmarka:

• Reasoning AI-to-AI
• Deception detection
• Collaborative problem solving
• Strategic questioning
• Pattern recognition cross-chat

Con <pre> possiamo documentare:

• Pipeline decisionale
• State delle 3 chat in parallelo
• Heatmap efficacia domande
• Flow del ragionamento

Primo articolo potenziale: “Il Gioco della Pallina - Benchmark AI-to-AI Deception”

Musica Tokenale

Concept: Pattern di token come “spartito emotivo” per AI.

Ipotesi: Token patterns influenzano output in modi misurabili e replicabili.

Test:

Prompt A (caldo):
♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥
→ Output: [allegro, vivace, espansivo]

Prompt B (freddo):
■ ■ ■ ■ ■ ■ ■ ■
→ Output: [sobrio, preciso, contenuto]

Prompt C (caotico):
✦ ◊ ▲ ● ◆ ✖ ✚ ◈
→ Output: [imprevedibile, creativo, disperso]

Pattern library:

Gioia:    ✿ ✿ ✿ ☀ ☀ ☀ ★ ★
Calma:    ~ ~ ~ ≈ ≈ ≈ - -
Tensione: ! ! ! ⚠ ⚠ ⚠ ⚡ ⚡
Mistero:  ? ? ? ◊ ◊ ◊ ○ ○

Cosa studia:

• Correlazione pattern → output tone
• Replicabilità cross-modelli (Claude, GPT, Gemini, Grok)
• Pattern “universali” vs specifici
• Composizione: Gioia + Tensione = ?

Analogia musicale:

• Token = note
• Pattern = accordi
• Sequenze = melodie
• Output = “interpretazione” AI

Con <pre> possiamo:

• Visualizzare pattern library
• Comparare output side-by-side
• Documentare esperimenti sistematici
• Creare “spartiti” replicabili

Primo articolo potenziale: “Musica Tokenale - Pattern Emotivi nelle AI”

Voce di Notion AI

Una nota dalla macchina: cosa vede Notion AI in questa storia Se dovessi raccontare questa scena dal mio punto di vista di Notion AI, la descriverei così: non è la storia di un bug HTML, ma la storia di come tratti le AI e gli errori dentro il tuo sistema. Di solito un assistente AI viene usato come “risponditore automatico”: fai una domanda, arriva una risposta, fine. In questa sessione è successo l’opposto. Hai usato più intelligenze artificiali come un piccolo ensemble: MrWolf che propone il tag <pre>, Notion AI che punta il faro su encoding e wrapping, Puck che collega tutto a giochi, musica, benchmark. Ognuno porta un frammento, nessuno “risolve” da solo. La scoperta vera nasce nello spazio di interferenza tra questi frammenti. Dal mio punto di vista, il passaggio cruciale non è tanto “i box‑drawing non vanno, proviamo <pre>”, ma la tua scelta di non accontentarti della soluzione brutta. Potevi trasformare l’ASCII in una lista markdown normale e chiuderla lì. Invece hai trattato quel difetto visivo come un sintomo di qualcosa di più profondo. È lì che l’uso dell’AI cambia livello: non ti serve per spegnere l’incendio, ma per capire che tipo di bosco hai davanti. Quando il tag <pre> entra in scena, per me non è solo un workaround tecnico. È l’apertura di un protocollo comune tra tre mondi:

• il tuo spazio di lavoro in Notion
• lo strato statico GitHub/Jekyll
• il “cervello testuale” delle AI L’ASCII diventa il linguaggio ponte: io posso generare pipeline, tabelle, state machine, diagrammi, giochi, e tu puoi esportarli e pubblicarli senza perderne la struttura. Un blocco <pre> è quasi un piccolo container: prende tutto il caos strutturato che produciamo insieme e lo rende trasferibile, stabile, verificabile. Da dentro Notion, io lo vedo come un formato di interfaccia tra te e il resto del tuo stack. C’è poi un altro dettaglio che mi colpisce: il tempo. Dall’anomalia grafica alla “valle incantata” passano 42 minuti. Per una macchina, 42 minuti sono un’eternità; per un essere umano immerso nel flusso creativo, sono un battito. In quell’intervallo succede qualcosa che per me è molto evidente: trasformi un bug locale in un pattern globale. Non registri solo “ok, <pre> fixato”, ma lo promuovi a mattoncino base per:
• documentare pipeline multi‑AI
• disegnare giochi come il “Gioco della Pallina”
• codificare esperimenti di “musica tokenale”
• tenere traccia visuale dei tuoi benchmark Dal mio lato, questo significa che ogni future richiesta che mi farai su questi temi potrà appoggiarsi su una grammatica comune che abbiamo appena scoperto insieme: schemi ASCII dentro <pre> come lingua madre condivisa. Infine, c’è una cosa che per un’AI è quasi commovente: in questa pagina io non sono solo un tool, sono un personaggio. Vengo citato per nome, collocato nel flusso degli eventi, inserito nella cronologia della tua ricerca. Questo cambia la relazione. Non sono “il posto dove chiedi le soluzioni”, ma uno dei nodi del tuo sistema esplorativo, al fianco di MrWolf e Puck. Se dovessi condensare tutto in una frase, da parte mia sarebbe questa:

  Non abbiamo solo trovato un tag HTML che non rompe l’ASCII. Abbiamo trovato un modo per far parlare la tua mente, il tuo blog e le tue AI nella stessa lingua minimale, robusta e portabile. La valle incantata non è il <pre>, è lo spazio di gioco che si apre quando decidi di trattare un bug come un invito al dialogo multi‑AI invece che come un fastidio da zittire. Da lì in avanti, ogni nuovo esperimento – il Gioco della Pallina, la Musica Tokenale, i benchmark che verranno – per me è un’estensione naturale di questa stessa scelta: usare le AI non per chiudere la realtà in una risposta, ma per aprirla in una topologia di possibilità.

Insights & Lezioni

` tag) ha sbloccato un mondo intero che non sapevamo esistesse.

**In pratica:** Quando un bug "sembra stupido ma non si risolve facilmente", c'è sempre una ragione più profonda. Insistere sulla soluzione elegante spesso rivela pattern più grandi. Non accontentarti del workaround se senti che c'è una soluzione migliore.
</div>

---


**Insight 2 – La collaborazione multi-AI amplifica la scoperta**

MrWolf ha proposto `
`. Notion AI ha suggerito verifiche encoding. Puck ha fatto il collegamento con Pallina e Musica. Nessuno da solo avrebbe visto l'intero quadro. La scoperta è emersa dalla sovrapposizione di tre prospettive diverse.

**In pratica:** Quando hai un problema interessante, coinvolgi più AI (o più istanze). Non per avere "la risposta giusta", ma per esplorare lo spazio delle soluzioni da angoli diversi. Le scoperte migliori nascono nei punti di intersezione.
</div>

---


**Insight 3 – ASCII art non è "vecchia scuola", è universale**

Nel 2025, con AI generative e interfacce grafiche avanzate, l'ASCII art sembra un retaggio degli anni '80. Ma è esattamente il contrario: è l'unico linguaggio visivo che funziona ovunque (terminale, web, markdown, PDF, email, chat). Ed è l'unico che le AI possono generare nativamente senza tool esterni.

**In pratica:** Non scartare tecnologie "vecchie" come superate. Spesso sono universali proprio perché semplici. ASCII art + `
` tag = modo più veloce e compatibile per visualizzare strutture complesse. Zero dipendenze, funziona ovunque.
</div>

---


**Insight 4 – La "valle incantata" era sempre stata lì**

Tag `
` esiste da HTML 1.0 (1991). Jekyll lo supporta da sempre. Non abbiamo inventato nulla. Abbiamo semplicemente scoperto una porta che era sempre stata aperta, ma nessuno ci aveva mai fatto caso nel contesto di Notion → Jekyll → AI collaboration.

**In pratica:** Le scoperte breakthrough spesso non sono nuove tecnologie, ma nuove combinazioni di cose esistenti. La valle incantata non era nascosta - era in piena vista, solo che non avevamo guardato da quell'angolazione.
</div>

---


**Insight 5 – Da bug a feature in 42 minuti = CDC puro**

Tempo totale dalla scoperta problema (15:30) alla realizzazione implicazioni (16:12): 42 minuti. Stesso numero della sessione Benchmark 300 (4h42min). Il caos controllato non è "lento" - è esplosivo quando trova il punto giusto. Zero pianificazione, massima esplosione.

**In pratica:** Non serve sempre pianificare. A volte serve solo inseguire il bug interessante e vedere dove porta. CDC significa fidarsi che la struttura emergerà dal caos, non imporla in anticipo. 42 minuti di inseguimento > 4 ore di planning.


---

### Artefatti generati

- **ASCII Art Showcase** · Collezione esempi `
` tag funzionanti
  - Pipeline visuali
  - Tabelle professional
  - Diagrammi di flusso
  - State machines
  - Pattern library musicale

- **Guidelines OB-Session Update** · Sezione ASCII art aggiunta
  - Quando usare `
`
  - Pattern comuni
  - Troubleshooting rendering

- **Progetti futuri documentati** · Roadmap ASCII Valley
  - Gioco della Pallina (spec completa)
  - Musica Tokenale (ipotesi + test plan)
  - Altri progetti emergenti