@jjlmoya/utils-audiovisual 1.6.0 → 1.8.0

package/src/category/i18n/zh.ts

@@ -0,0 +1,198 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'audiovisual-photography',
+  title: '音视频与摄影工具',
+  description: '为电影制作人、摄影师和数字音视频内容创作者提供的专业工具和计算器。',
+  seo: [
+    {
+      type: 'summary',
+      title: '专业音视频工具',
+      items: [
+        '用于延时摄影、特效和构图的智能计算器。',
+        '用于清理 EXIF 元数据的隐私工具。',
+        '字幕同步和时间轴编辑。',
+        '分辨率分析、打印质量和最佳观看距离。'
+      ],
+    },
+    {
+      type: 'title',
+      text: '音视频制作专业工具箱',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '我们的综合实用程序套件解决了音视频制作各个阶段最常见的技术挑战。从电影级延时摄影的精确间隔计算，到通过清理多媒体文件中的 EXIF 元数据来保护隐私。',
+    },
+    {
+      type: 'stats',
+      items: [
+        {
+          value: '12+',
+          label: '专用工具',
+          icon: 'mdi:cog'
+        },
+        {
+          value: '100%',
+          label: '精确计算',
+          icon: 'mdi:chart-line'
+        },
+        {
+          value: '0%',
+          label: '数据存储在服务器上',
+          icon: 'mdi:shield-check'
+        }
+      ],
+      columns: 3
+    },
+    {
+      type: 'title',
+      text: '工具类别',
+      level: 3,
+    },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: '延时摄影与电影感',
+          description: '为您的电影镜头计算拍摄间隔、总时长和帧率。',
+          icon: 'mdi:film',
+          points: [
+            '所需帧数计算',
+            '时长（秒/分钟）',
+            '可变播放速度'
+          ]
+        },
+        {
+          title: '隐私与元数据',
+          description: '通过删除文件中的 EXIF 数据和敏感元数据来保护您的隐私。',
+          icon: 'mdi:lock',
+          points: [
+            'EXIF 数据分析',
+            '地点元数据清理',
+            '设备信息移除'
+          ]
+        },
+        {
+          title: '字幕编辑',
+          description: '以毫秒级的精度同步、调整和编辑字幕。',
+          icon: 'mdi:text',
+          points: [
+            '实时同步',
+            '入点/出点时间编辑',
+            '全局延迟调整'
+          ]
+        },
+        {
+          title: '图像分析',
+          description: '计算分辨率、打印和观看距离的技术参数。',
+          icon: 'mdi:image',
+          points: [
+            'DPI 与分辨率计算',
+            '推荐观看距离',
+            '打印质量分析'
+          ],
+          highlight: true
+        }
+      ],
+      columns: 2
+    },
+    {
+      type: 'title',
+      text: '为什么选择我们的工具',
+      level: 3,
+    },
+    {
+      type: 'proscons',
+      items: [
+        {
+          pro: '100% 基于浏览器处理 - 您的数据永远不会上传到服务器',
+          con: '需要支持 JavaScript 的现代浏览器'
+        },
+        {
+          pro: '所有音视频计算均具有数学精度',
+          con: '极少特定情况可能需要人工核对'
+        },
+        {
+          pro: '专为行业专业人士设计的直观界面',
+          con: '在桌面/平板电脑屏幕上体验最佳'
+        },
+        {
+          pro: '完全免费的工具，无使用限制',
+          con: '无专门的高级支持（提供社区支持）'
+        }
+      ],
+      proTitle: '优势',
+      conTitle: '注意事项'
+    },
+    {
+      type: 'title',
+      text: '快速入门指南',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '根据您的项目类型选择所需的工具',
+        '输入技术参数（帧数、分辨率、时间等）',
+        '立即获得计算结果和精确数据',
+        '导出结果或将其应用到您的工作流程中',
+        '可以无限制地为多个项目重复此过程'
+      ],
+      icon: 'mdi:arrow-right'
+    },
+    {
+      type: 'tip',
+      title: '专业提示',
+      html: '在处理多个片段或序列时，我们建议将关键参数（相机分辨率、常用帧率、字幕语言）保存在文档中。这样您可以快速访问它们，而无需每次重新计算。'
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'EXIF',
+          definition: '在数字图像中存储元数据（日期、相机、GPS 位置等）的文件格式。它可能带来隐私风险。'
+        },
+        {
+          term: 'FPS (每秒帧数)',
+          definition: '每秒播放的帧数。常见值：24 fps（电影）、25 fps（PAL）、30 fps（NTSC）、60 fps（平滑视频）。'
+        },
+        {
+          term: 'DPI (每英寸点数)',
+          definition: '打印中的分辨率衡量标准。DPI 越高 = 质量越好。对于专业摄影，建议至少 300 DPI。'
+        },
+        {
+          term: '延时摄影 (Timelapse)',
+          definition: '一种电影摄制技术，通过定期拍摄帧来加速时间，创造出快速移动的效果。'
+        },
+        {
+          term: '字幕同步',
+          definition: '将字幕的开始/结束时间与电影或剧集的音频及视频对齐的过程。'
+        },
+        {
+          term: '元数据 (Metadata)',
+          definition: '媒体文件中描述内容的隐藏信息（作者、创建日期、所用设备、地点等）。'
+        }
+      ]
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: '如何选择正确的工具',
+      icon: 'mdi:help-circle',
+      badge: '选择指南',
+      html: '<strong>正在创建延时摄影？</strong> -> 使用延时摄影计算器。<br><strong>需要保护隐私？</strong> -> 元数据清理工具。<br><strong>正在处理字幕？</strong> -> 字幕同步与编辑器。<br><strong>需要优化图像？</strong> -> 分辨率和观看距离计算器。'
+    },
+    {
+      type: 'card',
+      title: '核心功能',
+      html: '我们所有的工具都在您的浏览器中 <strong>100% 本地</strong>运行。这意味着最高限度的隐私保护、即时的响应速度以及（初次加载后的）离线访问。'
+    },
+    {
+      type: 'message',
+      title: '隐私保护',
+      ariaLabel: '关于隐私和数据存储的信息',
+      html: '我们不存储、处理或共享您的音视频数据。所有计算和元数据清理工作仅在您的设备上进行。您对自己的内容拥有完全的控制权。'
+    }
+  ],
+};

package/src/category/index.ts

@@ -1,17 +1,45 @@
 import type { AudiovisualCategoryEntry, AudiovisualToolEntry } from '../types';
 import { timelapseCalculator } from '../tool/timelapseCalculator/index';
 import { exifCleaner } from '../tool/exifCleaner/index';
+import { subtitleSync } from '../tool/subtitleSync/index';
+import { privacyBlur } from '../tool/privacyBlur/index';
+import { chromaticLens } from '../tool/chromaticLens/index';
+import { printQualityCalculator } from '../tool/printQualityCalculator/index';
+import { tvDistance } from '../tool/tvDistance/index';
+import { imageCompressor } from '../tool/imageCompressor/index';
+import { collageMaker } from '../tool/collageMaker/index';
+import { videoFrameExtractor } from '../tool/videoFrameExtractor/index';
 
 export const audiovisualCategory: AudiovisualCategoryEntry = {
   icon: 'mdi:camera-iris',
   tools: [
     timelapseCalculator as AudiovisualToolEntry,
     exifCleaner as AudiovisualToolEntry,
+    subtitleSync as AudiovisualToolEntry,
+    privacyBlur as AudiovisualToolEntry,
+    chromaticLens as AudiovisualToolEntry,
+    printQualityCalculator as AudiovisualToolEntry,
+    tvDistance as AudiovisualToolEntry,
+    imageCompressor as AudiovisualToolEntry,
+    collageMaker as AudiovisualToolEntry,
+    videoFrameExtractor as AudiovisualToolEntry,
   ],
   i18n: {
-    es: () => import('./i18n/es').then((m) => m.content),
-    en: () => import('./i18n/en').then((m) => m.content),
-    fr: () => import('./i18n/fr').then((m) => m.content),
+    es: async () => (await import('./i18n/es')).content,
+    en: async () => (await import('./i18n/en')).content,
+    fr: async () => (await import('./i18n/fr')).content,
+    de: async () => (await import('./i18n/de')).content,
+    it: async () => (await import('./i18n/it')).content,
+    pt: async () => (await import('./i18n/pt')).content,
+    id: async () => (await import('./i18n/id')).content,
+    ja: async () => (await import('./i18n/ja')).content,
+    ko: async () => (await import('./i18n/ko')).content,
+    nl: async () => (await import('./i18n/nl')).content,
+    pl: async () => (await import('./i18n/pl')).content,
+    ru: async () => (await import('./i18n/ru')).content,
+    sv: async () => (await import('./i18n/sv')).content,
+    tr: async () => (await import('./i18n/tr')).content,
+    zh: async () => (await import('./i18n/zh')).content,
   },
 };
 

package/src/tests/i18n_coverage.test.ts

@@ -0,0 +1,36 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+
+const EXPECTED_LOCALES = [
+  'de', 'en', 'es', 'fr', 'id', 'it', 'ja', 'ko', 'nl', 'pl', 'pt', 'ru', 'sv', 'tr', 'zh'
+];
+
+describe('I18n Coverage Validation', () => {
+  it('all tools should be registered', () => {
+    expect(ALL_TOOLS.length).toBeGreaterThan(0);
+  });
+
+  ALL_TOOLS.forEach(({ entry }: { entry: any }) => {
+    describe(`Tool: ${entry.id}`, () => {
+      it('should have all 15 required locales', () => {
+        const registeredLocales = Object.keys(entry.i18n);
+        EXPECTED_LOCALES.forEach((locale) => {
+          expect(
+            registeredLocales,
+            `Tool "${entry.id}" is missing locale "${locale}"`,
+          ).toContain(locale);
+        });
+      });
+
+      it('all locale loaders should be functions', () => {
+        EXPECTED_LOCALES.forEach((locale) => {
+          const loader = entry.i18n[locale as keyof typeof entry.i18n];
+          expect(
+            typeof loader,
+            `Tool "${entry.id}" locale "${locale}" loader is not a function`,
+          ).toBe('function');
+        });
+      });
+    });
+  });
+});

package/src/tests/schemas_fulfillment.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+describe('Schemas Fulfillment Validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      Object.keys(tool.entry.i18n).forEach((locale) => {
+        it(`Locale: ${locale} should have faqSchema, appSchema and howToSchema`, async () => {
+          const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
+          if (!loader) return;
+          const content = (await loader()) as ToolLocaleContent;
+
+          const schemaTypes = content.schemas.map((s: any) => s['@type']);
+
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing FAQPage schema`).toContain('FAQPage');
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing SoftwareApplication schema`).toContain('SoftwareApplication');
+          expect(schemaTypes, `Tool "${tool.entry.id}" locale "${locale}" is missing HowTo schema`).toContain('HowTo');
+        });
+      });
+    });
+  });
+});

package/src/tests/title_quality.test.ts

@@ -0,0 +1,55 @@
+import { describe, it } from 'vitest';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function getFiles(dir: string, ext: string[]): string[] {
+  const results: string[] = [];
+  if (!fs.existsSync(dir)) return results;
+  const list = fs.readdirSync(dir);
+  for (const file of list) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
+    if (stat && stat.isDirectory()) {
+      results.push(...getFiles(fullPath, ext));
+    } else if (ext.some((e) => file.endsWith(e))) {
+      results.push(fullPath);
+    }
+  }
+  return results;
+}
+
+const SRC_DIR = path.join(process.cwd(), 'src');
+
+describe('Project Titles - Separator Validation', () => {
+  const files = [
+    ...getFiles(path.join(SRC_DIR, 'tool'), ['.ts']),
+    ...getFiles(path.join(SRC_DIR, 'category'), ['.ts']),
+  ].filter(f => f.includes('i18n'));
+
+  it.each(files)('Verify that titles in %s do not contain | or -', (filePath) => {
+    const content = fs.readFileSync(filePath, 'utf-8');
+    const relativePath = path.relative(process.cwd(), filePath);
+
+    const titlePatterns = [
+      /const\s+title\s*=\s*['"]([^'"]+)['"]/g,
+      /title\s*:\s*['"]([^'"]+)['"]/g,
+    ];
+
+    const findings: string[] = [];
+
+    for (const pattern of titlePatterns) {
+      let match;
+      while ((match = pattern.exec(content)) !== null) {
+        const title = match[1];
+        if (title.includes('|') || title.includes('-')) {
+          findings.push(title);
+        }
+      }
+    }
+
+    if (findings.length > 0) {
+      const list = findings.map((f) => `  - "${f}"`).join('\n');
+      throw new Error(`Forbidden separators (| or -) found in titles in ${relativePath}:\n${list}`);
+    }
+  });
+});

package/src/tool/chromaticLens/i18n/de.ts

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-farbpaletten-extraktion-online';
+const title = 'Chromatic Lens: Online Extraktion von Farbpaletten';
+const description = 'Extrahieren Sie kostenlos professionelle Farbpaletten aus jedem Bild. Identifizieren Sie dominante Farben in Ihren Fotos mithilfe mathematischer Algorithmen.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Farben analysieren",
+    dropSubtitle: "Ziehen Sie ein Bild hierher, um seine chromatische DNA zu extrahieren.",
+    processingLabel: "Palette wird extrahiert...",
+    paletteTitle: "Extrahierte Palette",
+    copyLabel: "HEX kopieren",
+    copiedLabel: "Kopiert!",
+    colorCountLabel: "Anzahl der Farben",
+    changeImage: "Bild ändern",
+    faqTitle: "Häufig gestellte Fragen zur Farbetraktion",
+    bibliographyTitle: "Ressourcen und technische Dokumentation"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "Wie funktioniert die Farbetraktion?",
+        answer: "Wir verwenden den 'Median Cut' Algorithmus, der Bildpixel basierend auf ihrer Nähe im RGB-Farbraum gruppiert, um die repräsentativsten Töne zu finden.",
+    },
+    {
+        question: "Kann ich Farben in meinen Design-Editor kopieren?",
+        answer: "Ja, durch Klicken auf jede Farbe wird der HEX-Code automatisch in Ihre Zwischenablage kopiert, bereit zum Einfügen in Photoshop, Figma oder CSS.",
+    },
+    {
+        question: "Welche Bildtypen kann ich analysieren?",
+        answer: "Jede JPG-, PNG- oder WebP-Datei. Die Verarbeitung erfolgt lokal, sodass auch große Bilder schnell ohne Netzwerkkosten analysiert werden.",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "Bild hochladen",
+        text: "Laden Sie das Foto hoch, aus dem Sie chromatische Inspiration extrahieren möchten.",
+    },
+    {
+        name: "Präzision anpassen",
+        text: "Wählen Sie aus, wie viele dominante Farben das Tool identifizieren soll (von 3 bis 12).",
+    },
+    {
+        name: "Ergebnis analysieren",
+        text: "Die Palette erscheint sofort mit den entsprechenden Hexadezimal Codes.",
+    },
+    {
+        name: "Kopieren und verwenden",
+        text: "Klicken Sie auf die Töne, um sie zu speichern und in Ihrem Designprojekt anzuwenden.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Median Cut Algorithm - Wikipedia",
+        url: "https://en.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        name: "Farblehre für Designer",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Intelligente Extraktion von Farbpaletten',
+        items: [
+            'Professioneller Median-Cut-Algorithmus zur Farbanalyse',
+            'Extraktion von 3–12 dominanten Farben aus jedem Bild',
+            'HEX-Codes direkt in die Zwischenablage kopierbar',
+            '100% lokale Verarbeitung – ideal für Kreative'
+        ]
+    },
+    { type: 'title', text: 'Farbetraktion: Wissenschaft und Design', level: 2 },
+    { type: 'paragraph', html: 'Haben Sie sich jemals gefragt, warum ein Filmfoto so harmonisch wirkt? Das ist kein Zufall, sondern angewandte Farblehre. Chromatic Lens ermöglicht es Ihnen, diese Harmonie direkt aus den Pixeln zu extrahieren und in HEX-Codes umzuwandeln, die Sie in Ihren Designprojekten verwenden können.' },
+
+    { type: 'stats', items: [
+        { value: 'Sofort', label: 'Farbanalyse', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: 'Lokale Privatsphäre', icon: 'mdi:lock' },
+        { value: 'RGB', label: 'Präziser Farbraum', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Der Median Cut Algorithmus erklärt', level: 3 },
+    { type: 'paragraph', html: 'Die intelligente Palettenextraktion ist keine einfache Zufallsauswahl von Pixeln. Sie nutzt den Median-Cut-Algorithmus, eine rekursive Zerlegungstechnik, die eine originalgetreue Darstellung gewährleistet:' },
+    { type: 'list', items: [
+        '<strong>Rekursive Teilung:</strong> Der RGB-\"Farbwürfel\" des Bildes wird rekursiv in kleinere Boxen unterteilt.',
+        '<strong>Volumen-Balance:</strong> Jede Partition sucht nach Gruppen von Pixeln aus dem gleichen Farbraum mit ähnlichen Volumina.',
+        '<strong>Gewichteter Durchschnitt:</strong> Die resultierende Farbe jeder Box ist der Durchschnitt aller darin enthaltenen Pixel.',
+        '<strong>Originalgetreue Darstellung:</strong> Die dominanten Farben spiegeln die reale visuelle Atmosphäre des Bildes wider, nicht nur eine simple Stichprobe.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Kreativer Workflow', html: 'Ideal für Webentwickler, UX/UI-Designer, digitale Künstler und Kreative, die die visuelle Essenz eines Fotos, Films oder einer Vorlage sofort erfassen möchten, um sie in ihren Interfaces, Illustrationen oder Markenpaletten anzuwenden.' },
+
+    { type: 'title', text: 'Anwendungsfälle im digitalen Design', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'UX/UI Designer',
+            description: 'Paletten aus Hero-Images extrahieren, um stimmige Interfaces zu erstellen',
+            icon: 'mdi:palette',
+            points: [
+                'Harmonische Hintergrundfarben',
+                'Buttons und sekundäre Elemente',
+                'Automatisch berechneter Kontrast'
+            ]
+        },
+        {
+            title: 'Webentwickler',
+            description: 'CSS-Stylesheets direkt aus visuellen Referenzen erstellen',
+            icon: 'mdi:code-braces',
+            points: [
+                'HEX direkt in CSS kopieren',
+                'Farbvariablen in SCSS/CSS',
+                'Konsistente Themes ohne vorheriges Design'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Digitale Künstler und Illustratoren',
+            description: 'Chromatische Referenzen aus Filmen, Natur oder Kunst einfangen',
+            icon: 'mdi:brush',
+            points: [
+                'Referenzpaletten aus Meisterwerken',
+                'Cineastische Farbstudien',
+                'Sofortige visuelle Inspiration'
+            ]
+        },
+        {
+            title: 'Branding Spezialisten',
+            description: 'Visuelle Identitäten basierend auf Beispielfotos entwickeln',
+            icon: 'mdi:tag-multiple',
+            points: [
+                'Markenfarben aus Bildern extrahieren',
+                'Professionelle Farb-Guides erstellen',
+                'Visuelle Konsistenz gewährleisten'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: 'Angewandte Farblehre', level: 3 },
+    { type: 'table', headers: ['Farbkonzept', 'Definition', 'Praktische Anwendung'], rows: [
+        ['Farharmonie', 'Farbkombination, die visuell ausgewogen ist', 'Konsistente visuelle Identität im UI'],
+        ['Kontrast', 'Helligkeitsunterschied zwischen Farben', 'Lesbarkeit und visuelle Hierarchie'],
+        ['Sättigung', 'Farbintensität eines Tons', 'Professionalität (niedrig) vs. Energie (hoch)'],
+        ['Farbtemperatur', 'Warme Farben (Rot) vs. kühle Farben (Blau)', 'Emotionspsychologie im Design'],
+        ['Monochromatische Palette', 'Variationen eines einzelnen Tons', 'Eleganz und Minimalismus']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Mathematische Präzision bei der Extraktion – keine ungefähre visuelle Auswahl',
+            con: 'Kaum sichtbare Farben können enthalten sein, wenn sie viele Pixel haben'
+        },
+        {
+            pro: 'Sofortiges Kopieren in die Zwischenablage – perfekte Integration in den Workflow',
+            con: 'Benötigt einen modernen Browser, der mit der Canvas-API kompatibel ist'
+        },
+        {
+            pro: 'Vollständige Privatsphäre – 100% lokale Analyse ohne Datenübermittlung',
+            con: 'Kein Verlauf früherer Analysen gespeichert'
+        },
+        {
+            pro: 'Kompatibel mit jedem digitalen Bildformat',
+            con: 'Endgültige Farben hängen von der Bildkompression und Qualität ab'
+        }
+    ], proTitle: 'Vorteile', conTitle: 'Einschränkungen' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Realistische Farbdarstellung', icon: 'mdi:check-circle-outline', badge: 'Fortgeschrittener Algorithmus', html: 'Im Gegensatz zu Tools, die einfach zufällige Pixel abfragen, verwendet unser System den Median-Cut-Algorithmus, der die gesamte Pixelanzahl jedes Tons gewichtet. So wird sichergestellt, dass die resultierende Palette die visuelle Atmosphäre und Farbpsychologie des Originalbildes originalgetreu widerspiegelt.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            definition: 'Farbauswahl-Algorithmus, der den RGB-Raum rekursiv in Boxen unterteilt und so eine gleichmäßige Verteilung gewährleistet. Historisch für GIF- und indizierte Farbtechnologien genutzt.'
+        },
+        {
+            term: 'RGB-Farbraum',
+            definition: 'Farbmodell basierend auf Rot, Grün und Blau. Jede Farbe wird als Kombination dieser drei Werte (0–255) dargestellt. Standard für Bildschirme und Web.'
+        },
+        {
+          term: 'HEX-Code',
+          definition: '6-stellige hexadezimale Notation (#RRGGBB) zur Darstellung von Farben im Web: #FF0000 (Rot), #00FF00 (Grün), #0000FF (Blau). Universell in CSS, Figma und Adobe.'
+        },
+        {
+            term: 'Farbsättigung',
+            definition: 'Intensität oder Reinheit der Farbe. Hohe Sättigung = lebendige Farbe; niedrige Sättigung = gräuliche Farbe. Beeinflusst die emotionale Wahrnehmung.'
+        },
+        {
+            term: 'Farbharmonie',
+            definition: 'Auswahl und Kombination von Farben, die zu einem visuell ansprechenden Ergebnis führen. Kann monochromatisch, komplementär, analog oder triadisch sein.'
+        }
+    ] },
+
+    { type: 'message', title: 'Professionelle Farbanalyse', ariaLabel: 'Technische Informationen zur Farbanalyse', html: 'Chromatic Lens verwandelt manuelle visuelle Analyse in algorithmische Präzision. Es extrahiert nicht nur Farben: Es fängt die emotionale und visuelle Essenz jedes Bildes ein und legt sie als einsatzbereite HEX-Codes direkt in Ihre Zwischenablage. Volle Privatsphäre, keine Limits.' },
+
+    { type: 'title', text: 'Design aus visueller Inspiration', level: 3 },
+    { type: 'paragraph', html: 'Die beste Farbpalette ist diejenige, die die visuelle Absicht Ihrer Referenz einfängt. Chromatic Lens automatisiert den ehemals manuellen Prozess: beobachten, analysieren, notieren. Jetzt ziehen Sie einfach ein Bild und erhalten in Sekunden professionelle HEX-Codes.' }
+];
+
+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: 'de',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Häufig gestellte Fragen",
+    faq,
+    bibliographyTitle: "Referenzen",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/chromaticLens/i18n/en.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'chromatic-lens-color-palette-extraction-online';
-const title = 'Chromatic Lens - Online Color Palette Extraction';
+const title = 'Chromatic Lens: Online Color Palette Extraction';
 const description = 'Extract professional color palettes from any image for free. Identify dominant colors in your photos using mathematical algorithms.';
 
 const ui: ChromaticLensUI = {

package/src/tool/chromaticLens/i18n/es.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'lente-cromatica';
-const title = 'Lente Cromática - Extracción de Paletas de Color Online';
+const title = 'Lente Cromática: Extracción de Paletas de Color Online';
 const description = 'Extrae paletas de colores profesionales de cualquier imagen de forma gratuita. Identifica los colores dominantes de tus fotos mediante algoritmos matemáticos.';
 
 const ui: ChromaticLensUI = {

package/src/tool/chromaticLens/i18n/fr.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
 
 const slug = 'lentille-chromatique-extraction-palette-couleurs-ligne';
-const title = 'Lentille Chromatique - Extraction de Palette de Couleurs en Ligne';
+const title = 'Lentille Chromatique: Extraction de Palette de Couleurs en Ligne';
 const description = 'Extrayez gratuitement des palettes de couleurs professionnelles à partir de n\'importe quelle image. Identifiez les couleurs dominantes à l\'aide d\'algorithmes mathématiques.';
 
 const ui: ChromaticLensUI = {