@jjlmoya/utils-creative 1.5.0 → 1.7.0

package/src/tool/fortune-cookie/i18n/es.ts

@@ -1,9 +1,63 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { FortuneCookieLocaleContent } from '../index';
 
+const slug = 'galleta-fortuna';
+const title = 'Galleta de la Fortuna';
+const description = 'Consulta tu destino diario y descubre tus números de la suerte. Una fortuna al día, revelada con un clic.';
+
+const faq: FortuneCookieLocaleContent['faq'] = [
+  {
+    question: '¿Puedo abrir más de una galleta al día?',
+    answer: 'El destino solo habla una vez al día. Guardamos tu fortuna en el dispositivo para que sea tu guía durante la jornada.'
+  },
+  {
+    question: '¿Las fortunas se generan aleatoriamente?',
+    answer: 'Sí: se selecciona una fortuna aleatoria cada día y se guarda localmente. Las 25 fortunas tienen la misma probabilidad de ser elegidas, asegurando variedad con el tiempo.'
+  }
+];
+
+const howTo: FortuneCookieLocaleContent['howTo'] = [
+  { name: 'Golpear', text: 'Haz clic varias veces sobre la galleta para romperla.' },
+  { name: 'Leer', text: 'Descubre el mensaje oculto en su interior y tus números de la suerte.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
 export const content: FortuneCookieLocaleContent = {
-  slug: 'galleta-fortuna',
-  title: 'Galleta de la Fortuna',
-  description: 'Consulta tu destino diario y descubre tus números de la suerte. Una fortuna al día, revelada con un clic.',
+  slug,
+  title,
+  description,
   faqTitle: 'Preguntas Frecuentes',
   bibliographyTitle: 'Bibliografía del Destino',
   ui: {
@@ -69,22 +123,10 @@ export const content: FortuneCookieLocaleContent = {
       { pro: 'Completamente privado, sin datos enviados al servidor', con: 'Solo una fortuna al día (¡diseño intencionado!)' },
     ]},
   ],
-  faq: [
-    {
-      question: '¿Puedo abrir más de una galleta al día?',
-      answer: 'El destino solo habla una vez al día. Guardamos tu fortuna en el dispositivo para que sea tu guía durante la jornada.'
-    },
-    {
-      question: '¿Las fortunas se generan aleatoriamente?',
-      answer: 'Sí: se selecciona una fortuna aleatoria cada día y se guarda localmente. Las 25 fortunas tienen la misma probabilidad de ser elegidas, asegurando variedad con el tiempo.'
-    }
-  ],
+  faq,
   bibliography: [
     { name: 'Historia de la Galleta de la Fortuna', url: 'https://es.wikipedia.org/wiki/Galleta_de_la_fortuna' }
   ],
-  howTo: [
-    { name: 'Golpear', text: 'Haz clic varias veces sobre la galleta para romperla.' },
-    { name: 'Leer', text: 'Descubre el mensaje oculto en su interior y tus números de la suerte.' }
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/fortune-cookie/i18n/fr.ts

@@ -1,9 +1,63 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { FortuneCookieLocaleContent } from '../index';
 
+const slug = 'biscuit-de-la-fortune';
+const title = 'Biscuit de la Fortune';
+const description = 'Consultez votre destin quotidien et découvrez vos numéros de chance. Un biscuit par jour, révélé d\'un simple clic.';
+
+const faq: FortuneCookieLocaleContent['faq'] = [
+  {
+    question: 'Puis-je ouvrir plus d\'un biscuit par jour ?',
+    answer: 'Le destin ne parle qu\'une fois par jour. Nous enregistrons votre fortune sur l\'appareil pour qu\'elle vous guide tout au long de la journée.'
+  },
+  {
+    question: 'Les fortunes sont-elles générées aléatoirement ?',
+    answer: 'Oui — une fortune aléatoire est sélectionnée chaque jour et sauvegardée localement. Chacune des 25 fortunes a une chance égale d\'être choisie, garantissant une variété au fil du temps.'
+  }
+];
+
+const howTo: FortuneCookieLocaleContent['howTo'] = [
+  { name: 'Casser le biscuit', text: 'Cliquez de façon répétée sur le biscuit pour l\'ouvrir.' },
+  { name: 'Lire votre fortune', text: 'Découvrez le message caché à l\'intérieur et vos numéros de chance pour la journée.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'fr',
+};
+
 export const content: FortuneCookieLocaleContent = {
-  slug: 'biscuit-de-la-fortune',
-  title: 'Biscuit de la Fortune',
-  description: 'Consultez votre destin quotidien et découvrez vos numéros de chance. Un biscuit par jour, révélé d\'un simple clic.',
+  slug,
+  title,
+  description,
   faqTitle: 'Questions Fréquemment Posées',
   bibliographyTitle: 'Bibliographie du Destin',
   ui: {
@@ -64,22 +118,10 @@ export const content: FortuneCookieLocaleContent = {
       { value: '1/jour', label: 'Un destin par jour', icon: 'mdi:calendar-today' },
     ], columns: 4 },
   ],
-  faq: [
-    {
-      question: 'Puis-je ouvrir plus d\'un biscuit par jour ?',
-      answer: 'Le destin ne parle qu\'une fois par jour. Nous enregistrons votre fortune sur l\'appareil pour qu\'elle vous guide tout au long de la journée.'
-    },
-    {
-      question: 'Les fortunes sont-elles générées aléatoirement ?',
-      answer: 'Oui — une fortune aléatoire est sélectionnée chaque jour et sauvegardée localement. Chacune des 25 fortunes a une chance égale d\'être choisie, garantissant une variété au fil du temps.'
-    }
-  ],
+  faq,
   bibliography: [
     { name: 'Histoire du Fortune Cookie', url: 'https://en.wikipedia.org/wiki/Fortune_cookie' }
   ],
-  howTo: [
-    { name: 'Casser le biscuit', text: 'Cliquez de façon répétée sur le biscuit pour l\'ouvrir.' },
-    { name: 'Lire votre fortune', text: 'Découvrez le message caché à l\'intérieur et vos numéros de chance pour la journée.' }
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/synesthesia-painter/component.astro

@@ -282,7 +282,7 @@ const { ui } = Astro.props;
   color: #ef4444;
 }
 
-.synesthesia-painter-char {
+:global(.synesthesia-painter-char) {
   display: inline-block;
   color: var(--char-color);
   transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -301,7 +301,7 @@ const { ui } = Astro.props;
   }
 }
 
-.synesthesia-painter-viz-layer.dots .synesthesia-painter-char {
+:global(.synesthesia-painter-viz-layer.dots .synesthesia-painter-char) {
   color: transparent;
   font-size: 0;
   width: 1rem;
@@ -312,17 +312,17 @@ const { ui } = Astro.props;
   box-shadow: 0 0 8px var(--char-color);
 }
 
-.synesthesia-painter-viz-layer.aura .synesthesia-painter-char {
+:global(.synesthesia-painter-viz-layer.aura .synesthesia-painter-char) {
   color: rgba(255, 255, 255, 0.15);
   text-shadow: 0 0 18px var(--char-color), 0 0 36px var(--char-color);
 }
 
-:global(.theme-dark) .synesthesia-painter-viz-layer.aura .synesthesia-painter-char {
+:global(.theme-dark .synesthesia-painter-viz-layer.aura .synesthesia-painter-char) {
   color: rgba(255, 255, 255, 0.85);
   text-shadow: 0 0 14px var(--char-color), 0 0 28px var(--char-color), 0 0 56px var(--char-color);
 }
 
-.synesthesia-painter-cursor {
+:global(.synesthesia-painter-cursor) {
   display: inline-block;
   width: 2px;
   height: 2.5rem;

package/src/tool/synesthesia-painter/i18n/en.ts

@@ -1,9 +1,77 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { SynesthesiaPainterLocaleContent } from '../index';
 
+const slug = 'synesthesia-painter';
+const title = 'Synesthesia Painter';
+const description = 'Visualize the color of words according to grapheme-color synesthesia. Each letter has its own color, turning text into chromatic art.';
+
+const faq: SynesthesiaPainterLocaleContent['faq'] = [
+  {
+    question: 'Do all synesthetes see the same colors for each letter?',
+    answer: 'No. Synesthetic colors are unique to each person. Statistical tendencies exist (A tends to be red for many), but no two synesthetes have exactly the same palette. This tool uses the colors most frequently reported in population studies, not the "correct" ones.',
+  },
+  {
+    question: 'Can I develop synesthesia by using this tool continuously?',
+    answer: 'Not in the strict neurological sense. Genuine synesthesia is a characteristic of the nervous system, not a learned skill. However, repeated use of color-letter associations can create strong associative memories. Some studies suggest that practicing these associations can improve text memory.',
+  },
+  {
+    question: 'What is the "Aura" mode for?',
+    answer: 'Aura mode simulates how some synesthetes describe seeing colors "floating" or "glowing" around letters rather than integrated into them. It creates a more atmospheric and immersive visual experience, especially on a dark background.',
+  },
+  {
+    question: 'Does the "Dots" mode have any scientific basis?',
+    answer: 'It is an artistic abstraction. It reduces the text to its "chromatic essence" by eliminating the recognizable shape of the letters. The result resembles chromatic data visualizations or pointillist paintings, and allows you to see the "color signature" of a text without meaning interfering.',
+  },
+  {
+    question: 'Why are some letters like I and O white or black?',
+    answer: 'In synesthesia studies, the vowels I and O, and the letter W, are frequently described as white, transparent, or black. This tool adapts those colors to the active background: white on dark background, black on light background, to always guarantee visibility.',
+  },
+];
+
+const howTo: SynesthesiaPainterLocaleContent['howTo'] = [
+  { name: 'Write text', text: 'Click the writing area and start typing. Each letter will appear colored according to its statistical synesthetic association.' },
+  { name: 'Change visualization mode', text: 'Use the buttons in the top right corner to switch between Letters (colored text), Dots (color circles), and Aura (luminous letters with chromatic halos).' },
+  { name: 'Explore different texts', text: 'Write names, words in different languages, or sentences to discover their unique chromatic palette. Long words create fascinating visual gradients.' },
+  { name: 'Clear and start again', text: 'Use the "Clear" button in the bottom bar to wipe the canvas and explore a new text.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
 export const content: SynesthesiaPainterLocaleContent = {
-  slug: 'synesthesia-painter',
-  title: 'Synesthesia Painter',
-  description: 'Visualize the color of words according to grapheme-color synesthesia. Each letter has its own color, turning text into chromatic art.',
+  slug,
+  title,
+  description,
   faqTitle: 'Frequently Asked Questions',
   bibliographyTitle: 'Mind Bibliography',
   ui: {
@@ -43,38 +111,12 @@ export const content: SynesthesiaPainterLocaleContent = {
     { type: 'paragraph', html: '<strong>Wassily Kandinsky</strong>, founder of abstract expressionism, experienced both grapheme-color and music-color synesthesia: he heard instruments in colors (yellow was a trumpet, deep blue a cello) and used these perceptions to create his theory of abstract art. In music, <strong>Alexander Scriabin</strong> composed <em>Prometheus: The Poem of Fire</em> with a part for "tastiera per luce" (light keyboard), designed to project colors corresponding to each note.' },
     { type: 'tip', title: 'Color Palette of This Tool', html: 'The color assignments are inspired by the most common statistical data in scientific literature. <strong>A → red</strong>, <strong>E → green</strong>, <strong>I → white/black depending on background</strong>, <strong>O → black/white</strong>, <strong>U → amber</strong>. Consonants follow less uniform patterns, but contrast with the background is always prioritized to guarantee readability.' },
   ],
-  faq: [
-    {
-      question: 'Do all synesthetes see the same colors for each letter?',
-      answer: 'No. Synesthetic colors are unique to each person. Statistical tendencies exist (A tends to be red for many), but no two synesthetes have exactly the same palette. This tool uses the colors most frequently reported in population studies, not the "correct" ones.',
-    },
-    {
-      question: 'Can I develop synesthesia by using this tool continuously?',
-      answer: 'Not in the strict neurological sense. Genuine synesthesia is a characteristic of the nervous system, not a learned skill. However, repeated use of color-letter associations can create strong associative memories. Some studies suggest that practicing these associations can improve text memory.',
-    },
-    {
-      question: 'What is the "Aura" mode for?',
-      answer: 'Aura mode simulates how some synesthetes describe seeing colors "floating" or "glowing" around letters rather than integrated into them. It creates a more atmospheric and immersive visual experience, especially on a dark background.',
-    },
-    {
-      question: 'Does the "Dots" mode have any scientific basis?',
-      answer: 'It is an artistic abstraction. It reduces the text to its "chromatic essence" by eliminating the recognizable shape of the letters. The result resembles chromatic data visualizations or pointillist paintings, and allows you to see the "color signature" of a text without meaning interfering.',
-    },
-    {
-      question: 'Why are some letters like I and O white or black?',
-      answer: 'In synesthesia studies, the vowels I and O, and the letter W, are frequently described as white, transparent, or black. This tool adapts those colors to the active background: white on dark background, black on light background, to always guarantee visibility.',
-    },
-  ],
+  faq,
   bibliography: [
     { name: 'Simner et al. (2006) – Synaesthesia: The prevalence of atypical cross-modal experiences', url: 'https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1626536/' },
     { name: 'Eagleman et al. (2007) – A standardized test battery for the study of synesthesia', url: 'https://www.sciencedirect.com/science/article/pii/S0010945207000087' },
     { name: 'Kandinsky, W. – Concerning the Spiritual in Art (1911)', url: 'https://en.wikipedia.org/wiki/Concerning_the_Spiritual_in_Art' },
   ],
-  howTo: [
-    { name: 'Write text', text: 'Click the writing area and start typing. Each letter will appear colored according to its statistical synesthetic association.' },
-    { name: 'Change visualization mode', text: 'Use the buttons in the top right corner to switch between Letters (colored text), Dots (color circles), and Aura (luminous letters with chromatic halos).' },
-    { name: 'Explore different texts', text: 'Write names, words in different languages, or sentences to discover their unique chromatic palette. Long words create fascinating visual gradients.' },
-    { name: 'Clear and start again', text: 'Use the "Clear" button in the bottom bar to wipe the canvas and explore a new text.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/synesthesia-painter/i18n/es.ts

@@ -1,9 +1,77 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { SynesthesiaPainterLocaleContent } from '../index';
 
+const slug = 'pintor-sinestesia';
+const title = 'Pintor de Sinestesia';
+const description = 'Visualiza tus palabras en color según la sinestesia grafema-color. Cada letra tiene su propio color, convirtiendo el texto en arte cromático.';
+
+const faq: SynesthesiaPainterLocaleContent['faq'] = [
+  {
+    question: '¿Todos los sinestésicos ven los mismos colores para cada letra?',
+    answer: 'No. Los colores sinestésicos son únicos para cada persona. Existen tendencias estadísticas (la A tiende a ser roja para muchos), pero no hay dos sinestésicos con exactamente la misma paleta. Esta herramienta usa los colores más frecuentemente reportados en estudios de población, no los "correctos".',
+  },
+  {
+    question: '¿Puedo desarrollar sinestesia con el uso continuado de esta herramienta?',
+    answer: 'No en el sentido neurológico estricto. La sinestesia genuina es una característica del sistema nervioso, no una habilidad aprendida. Sin embargo, el uso repetido de asociaciones color-letra sí puede crear memorias asociativas fuertes. Algunos estudios sugieren que practicar con estas asociaciones puede mejorar la memoria de textos.',
+  },
+  {
+    question: '¿Para qué sirve el modo "Aura"?',
+    answer: 'El modo Aura simula cómo algunos sinestésicos describen ver colores "flotando" o "brillando" alrededor de las letras en lugar de estar integrados en ellas. Crea una experiencia visual más atmosférica e inmersiva, especialmente sobre fondo oscuro.',
+  },
+  {
+    question: '¿El modo "Puntos" tiene alguna base científica?',
+    answer: 'Es una abstracción artística. Reduce el texto a su "esencia cromática" eliminando la forma reconocible de las letras. El resultado se parece a visualizaciones de datos cromáticos o a pinturas puntillistas, y permite ver la "firma de color" de un texto sin que el significado interfiera.',
+  },
+  {
+    question: '¿Por qué algunas letras como la I y la O son blancas o negras?',
+    answer: 'En los estudios de sinestesia, las vocales I y O, y la letra W, son frecuentemente descritas como blancas, transparentes o negras. Esta herramienta adapta esos colores al fondo activo: blanco sobre fondo oscuro, negro sobre fondo claro, para garantizar siempre visibilidad.',
+  },
+];
+
+const howTo: SynesthesiaPainterLocaleContent['howTo'] = [
+  { name: 'Escribir el texto', text: 'Haz clic en el área de escritura y empieza a escribir. Cada letra aparecerá coloreada según su asociación sinestésica estadística.' },
+  { name: 'Cambiar el modo de visualización', text: 'Usa los botones de la esquina superior derecha para cambiar entre Letras (texto coloreado), Puntos (círculos de color) y Aura (letras luminosas con halo cromático).' },
+  { name: 'Explorar diferentes textos', text: 'Escribe nombres, palabras en distintos idiomas o frases para descubrir su paleta cromática única. Las palabras largas crean gradientes visuales fascinantes.' },
+  { name: 'Borrar y empezar de nuevo', text: 'Usa el botón "Borrar" en la barra inferior para limpiar el lienzo y explorar un nuevo texto.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
 export const content: SynesthesiaPainterLocaleContent = {
-  slug: 'pintor-sinestesia',
-  title: 'Pintor de Sinestesia',
-  description: 'Visualiza tus palabras en color según la sinestesia grafema-color. Cada letra tiene su propio color, convirtiendo el texto en arte cromático.',
+  slug,
+  title,
+  description,
   faqTitle: 'Preguntas Frecuentes',
   bibliographyTitle: 'Bibliografía de la Mente',
   ui: {
@@ -45,38 +113,12 @@ export const content: SynesthesiaPainterLocaleContent = {
       { value: '26+10', label: 'Letras y dígitos coloreados', icon: 'mdi:alphabetical' },
     ], columns: 4 },
   ],
-  faq: [
-    {
-      question: '¿Todos los sinestésicos ven los mismos colores para cada letra?',
-      answer: 'No. Los colores sinestésicos son únicos para cada persona. Existen tendencias estadísticas (la A tiende a ser roja para muchos), pero no hay dos sinestésicos con exactamente la misma paleta. Esta herramienta usa los colores más frecuentemente reportados en estudios de población, no los "correctos".',
-    },
-    {
-      question: '¿Puedo desarrollar sinestesia con el uso continuado de esta herramienta?',
-      answer: 'No en el sentido neurológico estricto. La sinestesia genuina es una característica del sistema nervioso, no una habilidad aprendida. Sin embargo, el uso repetido de asociaciones color-letra sí puede crear memorias asociativas fuertes. Algunos estudios sugieren que practicar con estas asociaciones puede mejorar la memoria de textos.',
-    },
-    {
-      question: '¿Para qué sirve el modo "Aura"?',
-      answer: 'El modo Aura simula cómo algunos sinestésicos describen ver colores "flotando" o "brillando" alrededor de las letras en lugar de estar integrados en ellas. Crea una experiencia visual más atmosférica e inmersiva, especialmente sobre fondo oscuro.',
-    },
-    {
-      question: '¿El modo "Puntos" tiene alguna base científica?',
-      answer: 'Es una abstracción artística. Reduce el texto a su "esencia cromática" eliminando la forma reconocible de las letras. El resultado se parece a visualizaciones de datos cromáticos o a pinturas puntillistas, y permite ver la "firma de color" de un texto sin que el significado interfiera.',
-    },
-    {
-      question: '¿Por qué algunas letras como la I y la O son blancas o negras?',
-      answer: 'En los estudios de sinestesia, las vocales I y O, y la letra W, son frecuentemente descritas como blancas, transparentes o negras. Esta herramienta adapta esos colores al fondo activo: blanco sobre fondo oscuro, negro sobre fondo claro, para garantizar siempre visibilidad.',
-    },
-  ],
+  faq,
   bibliography: [
     { name: 'Simner et al. (2006) – Synaesthesia: The prevalence of atypical cross-modal experiences', url: 'https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1626536/' },
     { name: 'Eagleman et al. (2007) – A standardized test battery for the study of synesthesia', url: 'https://www.sciencedirect.com/science/article/pii/S0010945207000087' },
     { name: 'Kandinsky, W. – De lo espiritual en el arte (1911)', url: 'https://es.wikipedia.org/wiki/De_lo_espiritual_en_el_arte' },
   ],
-  howTo: [
-    { name: 'Escribir el texto', text: 'Haz clic en el área de escritura y empieza a escribir. Cada letra aparecerá coloreada según su asociación sinestésica estadística.' },
-    { name: 'Cambiar el modo de visualización', text: 'Usa los botones de la esquina superior derecha para cambiar entre Letras (texto coloreado), Puntos (círculos de color) y Aura (letras luminosas con halo cromático).' },
-    { name: 'Explorar diferentes textos', text: 'Escribe nombres, palabras en distintos idiomas o frases para descubrir su paleta cromática única. Las palabras largas crean gradientes visuales fascinantes.' },
-    { name: 'Borrar y empezar de nuevo', text: 'Usa el botón "Borrar" en la barra inferior para limpiar el lienzo y explorar un nuevo texto.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/synesthesia-painter/i18n/fr.ts

@@ -1,9 +1,77 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
 import type { SynesthesiaPainterLocaleContent } from '../index';
 
+const slug = 'peintre-de-synesthesie';
+const title = 'Peintre de Synesthésie';
+const description = 'Visualisez la couleur des mots selon la synesthésie graphème-couleur. Chaque lettre possède sa propre couleur, transformant le texte en art chromatique.';
+
+const faq: SynesthesiaPainterLocaleContent['faq'] = [
+  {
+    question: 'Tous les synesthètes voient-ils les mêmes couleurs pour chaque lettre ?',
+    answer: 'Non. Les couleurs synesthésiques sont uniques à chaque personne. Il existe des tendances statistiques (le A a tendance à être rouge pour beaucoup), mais aucun couple de synesthètes n\'a exactement la même palette. Cet outil utilise les couleurs les plus fréquemment rapportées dans les études de population, et non les "bonnes" couleurs.',
+  },
+  {
+    question: 'Puis-je développer la synesthésie en utilisant cet outil de manière continue ?',
+    answer: 'Pas au sens neurologique strict. La véritable synesthésie est une caractéristique du système nerveux, pas une compétence acquise. Cependant, l\'utilisation répétée d\'associations couleur-lettre peut créer de forts souvenirs associatifs. Certaines études suggèrent que pratiquer ces associations peut améliorer la mémoire textuelle.',
+  },
+  {
+    question: 'À quoi sert le mode "Aura" ?',
+    answer: 'Le mode Aura simule la façon dont certains synesthètes décrivent voir les couleurs "flotter" ou "rayonner" autour des lettres plutôt qu\'intégrées à celles-ci. Cela crée une expérience visuelle plus atmosphérique et immersive, particulièrement sur un fond sombre.',
+  },
+  {
+    question: 'Le mode "Points" a-t-il une base scientifique ?',
+    answer: 'C\'est une abstraction artistique. Il réduit le texte à son "essence chromatique" en éliminant la forme reconnaissable des lettres. Le résultat ressemble à des visualisations de données chromatiques ou à des peintures pointillistes, et permet de voir la "signature colorée" d\'un texte sans que le sens n\'interfère.',
+  },
+  {
+    question: 'Pourquoi certaines lettres comme I et O sont-elles blanches ou noires ?',
+    answer: 'Dans les études sur la synesthésie, les voyelles I et O, ainsi que la lettre W, sont fréquemment décrites comme blanches, transparentes ou noires. Cet outil adapte ces couleurs au fond actif : blanc sur fond sombre, noir sur fond clair, pour toujours garantir la visibilité.',
+  },
+];
+
+const howTo: SynesthesiaPainterLocaleContent['howTo'] = [
+  { name: 'Écrire du texte', text: 'Cliquez sur la zone d\'écriture et commencez à taper. Chaque lettre apparaîtra colorée selon son association synesthésique statistique.' },
+  { name: 'Changer le mode de visualisation', text: 'Utilisez les boutons en haut à droite pour basculer entre Lettres (texte coloré), Points (cercles de couleur) et Aura (lettres lumineuses avec halos chromatiques).' },
+  { name: 'Explorer différents textes', text: 'Écrivez des noms, des mots dans différentes langues ou des phrases pour découvrir leur palette chromatique unique. Les mots longs créent des dégradés visuels fascinants.' },
+  { name: 'Effacer et recommencer', text: 'Utilisez le bouton "Effacer" dans la barre inférieure pour vider le canevas et explorer un nouveau texte.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'fr',
+};
+
 export const content: SynesthesiaPainterLocaleContent = {
-  slug: 'peintre-de-synesthesie',
-  title: 'Peintre de Synesthésie',
-  description: 'Visualisez la couleur des mots selon la synesthésie graphème-couleur. Chaque lettre possède sa propre couleur, transformant le texte en art chromatique.',
+  slug,
+  title,
+  description,
   faqTitle: 'Questions Fréquemment Posées',
   bibliographyTitle: 'Bibliographie de l\'Esprit',
   ui: {
@@ -43,38 +111,12 @@ export const content: SynesthesiaPainterLocaleContent = {
     { type: 'paragraph', html: '<strong>Wassily Kandinsky</strong>, fondateur de l\'expressionnisme abstrait, expérimentait à la fois la synesthésie graphème-couleur et musique-couleur : il entendait les instruments en couleurs (le jaune était une trompette, le bleu profond un violoncelle) et utilisait ces perceptions pour créer sa théorie de l\'art abstrait. En musique, <strong>Alexandre Scriabine</strong> a composé <em>Prométhée : Le Poème du Feu</em> avec une partie pour "clavier à lumières" (tastiera per luce), conçue pour projeter des couleurs correspondant à chaque note.' },
     { type: 'tip', title: 'Palette de Couleurs de cet Outil', html: 'Les attributions de couleurs s\'inspirent des données statistiques les plus courantes dans la littérature scientifique. <strong>A → rouge</strong>, <strong>E → vert</strong>, <strong>I → blanc/noir selon le fond</strong>, <strong>O → noir/blanc</strong>, <strong>U → ambre</strong>. Les consonnes suivent des schémas moins uniformes, mais le contraste avec l\'arrière-plan est toujours privilégié pour garantir la lisibilité.' },
   ],
-  faq: [
-    {
-      question: 'Tous les synesthètes voient-ils les mêmes couleurs pour chaque lettre ?',
-      answer: 'Non. Les couleurs synesthésiques sont uniques à chaque personne. Il existe des tendances statistiques (le A a tendance à être rouge pour beaucoup), mais aucun couple de synesthètes n\'a exactement la même palette. Cet outil utilise les couleurs les plus fréquemment rapportées dans les études de population, et non les "bonnes" couleurs.',
-    },
-    {
-      question: 'Puis-je développer la synesthésie en utilisant cet outil de manière continue ?',
-      answer: 'Pas au sens neurologique strict. La véritable synesthésie est une caractéristique du système nerveux, pas une compétence acquise. Cependant, l\'utilisation répétée d\'associations couleur-lettre peut créer de forts souvenirs associatifs. Certaines études suggèrent que pratiquer ces associations peut améliorer la mémoire textuelle.',
-    },
-    {
-      question: 'À quoi sert le mode "Aura" ?',
-      answer: 'Le mode Aura simule la façon dont certains synesthètes décrivent voir les couleurs "flotter" ou "rayonner" autour des lettres plutôt qu\'intégrées à celles-ci. Cela crée une expérience visuelle plus atmosphérique et immersive, particulièrement sur un fond sombre.',
-    },
-    {
-      question: 'Le mode "Points" a-t-il une base scientifique ?',
-      answer: 'C\'est une abstraction artistique. Il réduit le texte à son "essence chromatique" en éliminant la forme reconnaissable des lettres. Le résultat ressemble à des visualisations de données chromatiques ou à des peintures pointillistes, et permet de voir la "signature colorée" d\'un texte sans que le sens n\'interfère.',
-    },
-    {
-      question: 'Pourquoi certaines lettres comme I et O sont-elles blanches ou noires ?',
-      answer: 'Dans les études sur la synesthésie, les voyelles I et O, ainsi que la lettre W, sont fréquemment décrites comme blanches, transparentes ou noires. Cet outil adapte ces couleurs au fond actif : blanc sur fond sombre, noir sur fond clair, pour toujours garantir la visibilité.',
-    },
-  ],
+  faq,
   bibliography: [
     { name: 'Simner et al. (2006) – Synaesthesia: The prevalence of atypical cross-modal experiences', url: 'https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1626536/' },
     { name: 'Eagleman et al. (2007) – A standardized test battery for the study of synesthesia', url: 'https://www.sciencedirect.com/science/article/pii/S0010945207000087' },
     { name: 'Kandinsky, W. – Du Spirituel dans l\'Art (1911)', url: 'https://fr.wikipedia.org/wiki/Du_spirituel_dans_l\'art' },
   ],
-  howTo: [
-    { name: 'Écrire du texte', text: 'Cliquez sur la zone d\'écriture et commencez à taper. Chaque lettre apparaîtra colorée selon son association synesthésique statistique.' },
-    { name: 'Changer le mode de visualisation', text: 'Utilisez les boutons en haut à droite pour basculer entre Lettres (texte coloré), Points (cercles de couleur) et Aura (lettres lumineuses avec halos chromatiques).' },
-    { name: 'Explorer différents textes', text: 'Écrivez des noms, des mots dans différentes langues ou des phrases pour découvrir leur palette chromatique unique. Les mots longs créent des dégradés visuels fascinants.' },
-    { name: 'Effacer et recommencer', text: 'Utilisez le bouton "Effacer" dans la barre inférieure pour vider le canevas et explorer un nouveau texte.' },
-  ],
-  schemas: []
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
 };