@jjlmoya/utils-developer 1.3.0 → 1.5.0

package/src/tool/llmCostCalculator/i18n/sv.ts

@@ -0,0 +1,165 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { LlmCostCalculatorUI } from '../ui';
+
+const slug = 'llm-kostnadskalkylator';
+const title = 'LLM Kostnadskalkylatör. AI Modellprisbedömmare';
+const description =
+  'Gratis onlineverktyg för att uppskatta kostnaden för LLM API-anrop. Jämför GPT-4o, Claude, Gemini, Llama och mer med verkliga tokenpriser per miljon.';
+
+const faqData = [
+  {
+    question: 'Hur beräknas kostnaden för LLM API?',
+    answer:
+      'LLM API:er tar separat betalt för indatatoken (din prompt) och utdatatoken (svaret). Total kostnad per förfrågan är: (indatatoken × indatapris + utdatatoken × utdatapris) / 1,000,000. Multiplicera med antal förfrågningar för att få total månadskostnad.',
+  },
+  {
+    question: 'Vad är tokens och hur förhåller de sig till ord?',
+    answer:
+      'En token är den grundläggande textenheten som en språkmodell bearbetar. I genomsnitt motsvarar 1 token cirka 0,75 ord på engelska, så 1,000 tokens ≈ 750 ord. Priser anges per miljon tokens ($/1M), vilket är standardprisenheten hos alla leverantörer.',
+  },
+  {
+    question: 'Varför är utdatatoken dyrare än indatatoken?',
+    answer:
+      'Att generera text (utdata) kräver att modellen beräknar varje token sekventiellt, vilket är mer beräkningsintensivt än att läsa indata. De flesta leverantörer tar ut 3–5 gånger mer för utdatatoken än indatatoken.',
+  },
+  {
+    question: 'Hur kan jag minska mina LLM API-kostnader?',
+    answer:
+      'Använd den minsta modellen som uppfyller dina kvalitetskrav. Cachelagra repeterade prompts när möjligt. Minimera systemprompten och undvik onödig kontext. För enkla klassificerings- eller extraheringsuppgifter erbjuder mindre modeller som GPT-4o mini eller Gemini Flash betydande besparingar.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Välj en modell',
+    text: 'Välj AI-modellen du planerar att använda från den grupperade listrutan. Modeller är organiserade efter leverantör.',
+  },
+  {
+    name: 'Ange tokenantal',
+    text: 'Ange det förväntade antalet indatatoken (din prompt) och utdatatoken (svaret). Ordestimater visas under varje fält.',
+  },
+  {
+    name: 'Ange antal förfrågningar',
+    text: 'Använd skjutreglaget eller nummeringsinmatningen för att ange hur många API-anrop du förväntar. Total kostnad uppdateras i realtid.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'sv',
+};
+
+const ui: LlmCostCalculatorUI = {
+  labelModel: 'LLM Modell',
+  labelInputTokens: 'Indatatoken',
+  labelOutputTokens: 'Utdatatoken',
+  labelRequests: 'Antal Förfrågningar',
+  unitWords: 'ord',
+  labelCostPerRequest: 'Kostnad per Förfrågan',
+  labelTotal: 'Uppskattad Total Kostnad',
+  labelInput: 'Indata',
+  labelOutput: 'Utdata',
+};
+
+export const content: ToolLocaleContent<LlmCostCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Vanliga Frågor',
+  faq: faqData,
+  bibliographyTitle: 'Referenser och Priskällor',
+  bibliography: [
+    {
+      name: 'OpenAI API-prissättning',
+      url: 'https://openai.com/pricing',
+    },
+    {
+      name: 'Anthropic API-prissättning',
+      url: 'https://www.anthropic.com/pricing',
+    },
+    {
+      name: 'Google AI Studio-prissättning',
+      url: 'https://ai.google.dev/pricing',
+    },
+    {
+      name: 'OpenAI Tokenizer',
+      url: 'https://platform.openai.com/tokenizer',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Förstå LLM API-prissättning',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'API:er för stora språkmodeller debiterar baserat på tokenanvändning, inte tid eller förfrågningar. Varje API-anrop har två kostnader: <strong>inmatningskostnaden</strong> (bearbetar din prompt) och <strong>utmatningskostnaden</strong> (genererar svaret). Att förstå denna uppdelning är nyckeln till att uppskatta din månadsfaktura korrekt.',
+    },
+    {
+      type: 'title',
+      text: 'Indatatoken vs utdatatoken',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: 2,
+    },
+    {
+      type: 'card',
+      title: 'Indatatoken',
+      html: '<p>Indatatoken representerar allt som skickas <strong>till</strong> modellen: din systemprompt, konversationshistorik och användarmeddelande. De är billigare eftersom modellen bearbetar dem parallellt. En typisk systemprompt på 200 ord kostar ungefär 267 indatatoken.</p>',
+    },
+    {
+      type: 'card',
+      title: 'Utdatatoken',
+      html: '<p>Utdatatoken genereras sekventiellt, en i taget, vilket gör dem beräkningsmässigt dyrare. De flesta leverantörer tar ut <strong>3–5× mer</strong> för utdatatoken. Ett svar på 300 ord genererar ungefär 400 utdatatoken. Att hålla svaren korta är en av de mest effektiva kostnadsbesparingsstrategi.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Välja rätt modell för din budget',
+      level: 3,
+    },
+    {
+      type: 'tip',
+      html: 'Börja med en kapabel mellanniesemodell som <code>GPT-4o mini</code> eller <code>Gemini 1.5 Flash</code> och uppgradera bara om kvaliteten är otillräcklig. Skillnaden i kostnad mellan en liten och stor modell kan vara 10–100×.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Inte alla uppgifter kräver samma modellkvalitet. Klassificerings-, extraherings- och sammanfattningsuppgifter fungerar ofta bra med mindre, billigare modeller. Reservera stora gränsmodeller som <code>claude-3-opus</code> eller <code>o1</code> för komplexa resonemangsuppgifter där kvaliteten direkt påverkar resultaten.',
+    },
+  ],
+};

package/src/tool/llmCostCalculator/i18n/tr.ts

@@ -0,0 +1,165 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { LlmCostCalculatorUI } from '../ui';
+
+const slug = 'llm-maliyet-hesaplayicisi';
+const title = 'LLM Maliyet Hesaplayıcısı. AI Model Fiyatlandırma Tahmincisi';
+const description =
+  'LLM API çağrılarının maliyetini tahmin etmek için ücretsiz çevrimiçi araç. GPT-4o, Claude, Gemini, Llama ve daha fazlasını milyonda tokencik gerçek fiyatlarla karşılaştırın.';
+
+const faqData = [
+  {
+    question: 'LLM API maliyeti nasıl hesaplanır?',
+    answer:
+      'LLM API\'leri giriş token\'ları (sizin prompt\'unuz) ve çıkış token\'ları (yanıt) için ayrı ücret alırlar. İstek başına toplam maliyet: (giriş token\'ları × giriş fiyatı + çıkış token\'ları × çıkış fiyatı) / 1.000.000. Aylık toplam maliyeti elde etmek için istek sayısıyla çarpın.',
+  },
+  {
+    question: 'Token\'lar nedir ve sözcüklerle nasıl ilişkili olur?',
+    answer:
+      'Token, bir dil modelinin işlediği temel metin birimidir. Ortalama olarak, 1 token İngilizce\'de yaklaşık 0,75 sözcüğe eşittir, bu nedenle 1.000 token ≈ 750 sözcük. Fiyatlar milyon token başına belirtilir ($/1M), bu da tüm sağlayıcılarda standart fiyatlandırma birimidir.',
+  },
+  {
+    question: 'Çıkış token\'ları neden giriş token\'larından daha pahalıdır?',
+    answer:
+      'Metin oluşturma (çıkış), modelin her token\'u sırayla hesaplamasını gerektirir ve bu, girişi okumaktan hesaplamalar açısından daha yoğundur. Çoğu sağlayıcı çıkış token\'ları için giriş token\'larından 3–5 kat daha fazla ücret alır.',
+  },
+  {
+    question: 'LLM API maliyetlerimi nasıl azaltabilirim?',
+    answer:
+      'Kalite gereksinimlerinizi karşılayan en küçük modeli kullanın. Mümkün olduğunda tekrarlanan prompt\'ları önbelleğe alın. Sistem prompt\'unu minimize edin ve gereksiz bağlamdan kaçının. Basit sınıflandırma veya çıkarma görevleri için GPT-4o mini veya Gemini Flash gibi daha küçük modeller önemli tasarruf sağlar.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Bir model seçin',
+    text: 'Kullanmayı planladığınız AI modelini gruplandırılmış açılır menüden seçin. Modeller sağlayıcı tarafından düzenlenmiştir.',
+  },
+  {
+    name: 'Token sayılarını girin',
+    text: 'Beklenen giriş token\'ları (sizin prompt\'unuz) ve çıkış token\'ları (yanıt) sayısını girin. Sözcük tahminleri her alanın altında görünür.',
+  },
+  {
+    name: 'İstek sayısını ayarlayın',
+    text: 'Kaç tane API çağrısı beklediğinizi girmek için kaydırıcı veya sayı giriş kullanın. Toplam maliyet gerçek zamanlı olarak güncellenir.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'tr',
+};
+
+const ui: LlmCostCalculatorUI = {
+  labelModel: 'LLM Modeli',
+  labelInputTokens: 'Giriş Token\'ları',
+  labelOutputTokens: 'Çıkış Token\'ları',
+  labelRequests: 'İstek Sayısı',
+  unitWords: 'sözcükler',
+  labelCostPerRequest: 'İstek Başına Maliyet',
+  labelTotal: 'Tahmini Toplam Maliyet',
+  labelInput: 'Giriş',
+  labelOutput: 'Çıkış',
+};
+
+export const content: ToolLocaleContent<LlmCostCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Sık Sorulan Sorular',
+  faq: faqData,
+  bibliographyTitle: 'Referanslar ve Fiyatlandırma Kaynakları',
+  bibliography: [
+    {
+      name: 'OpenAI API Fiyatlandırması',
+      url: 'https://openai.com/pricing',
+    },
+    {
+      name: 'Anthropic API Fiyatlandırması',
+      url: 'https://www.anthropic.com/pricing',
+    },
+    {
+      name: 'Google AI Studio Fiyatlandırması',
+      url: 'https://ai.google.dev/pricing',
+    },
+    {
+      name: 'OpenAI Tokenizer',
+      url: 'https://platform.openai.com/tokenizer',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'LLM API Fiyatlandırmasını Anlama',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Büyük Dil Modeli API\'leri zaman veya istek olmaktan ziyade token kullanımına göre ücret alırlar. Her API çağrısı iki maliyete sahiptir: <strong>giriş maliyeti</strong> (prompt\'unuzu işleme) ve <strong>çıkış maliyeti</strong> (yanıt oluşturma). Bu ayrımı anlamak, aylık faturanızı doğru şekilde tahmin etmenin anahtarıdır.',
+    },
+    {
+      type: 'title',
+      text: 'Giriş token\'ları vs çıkış token\'ları',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: 2,
+    },
+    {
+      type: 'card',
+      title: 'Giriş token\'ları',
+      html: '<p>Giriş token\'ları modele <strong>gönderilen</strong> her şeyi temsil eder: sistem prompt\'unuz, sohbet geçmişi ve kullanıcı mesajı. Model bunları paralel olarak işlediği için daha ucuzdurlar. 200 sözcüklük tipik bir sistem prompt\'u yaklaşık 267 giriş token\'ı maliyete sahiptir.</p>',
+    },
+    {
+      type: 'card',
+      title: 'Çıkış token\'ları',
+      html: '<p>Çıkış token\'ları sırayla, teker teker oluşturulur ve bu onları hesaplamalar açısından daha pahalı hale getirir. Çoğu sağlayıcı çıkış token\'ları için <strong>3–5 kat daha fazla</strong> ücret alır. 300 sözcüklük bir yanıt yaklaşık 400 çıkış token\'ı üretir. Yanıtları kısa tutmak en etkili maliyet tasarrufu stratejilerinden biridir.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Bütçeniz İçin Doğru Modeli Seçme',
+      level: 3,
+    },
+    {
+      type: 'tip',
+      html: '<code>GPT-4o mini</code> veya <code>Gemini 1.5 Flash</code> gibi yetenekli bir orta katman modeliyle başlayın ve yalnızca kalite yetersizse yükseltin. Küçük ve büyük bir model arasındaki maliyet farkı 10–100× olabilir.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Tüm görevler aynı model kalitesini gerektirmez. Sınıflandırma, çıkarma ve özet görevleri genellikle daha küçük, daha ucuz modellerde iyi performans gösterir. <code>claude-3-opus</code> veya <code>o1</code> gibi büyük sınır modelleri, kalite sonuçları doğrudan etkilediği karmaşık akıl yürütme görevleri için rezerv tutun.',
+    },
+  ],
+};

package/src/tool/llmCostCalculator/i18n/zh.ts

@@ -0,0 +1,166 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { LlmCostCalculatorUI } from '../ui';
+
+const slug = 'llm-cost-calculator';
+const title = 'LLM 成本计算器。AI 模型定价估算工具';
+const description =
+  '用于估算 LLM API 调用成本的免费在线工具。使用实际百万代币价格比较 GPT-4o、Claude、Gemini、Llama 等。';
+
+const faqData = [
+  {
+    question: 'LLM API 成本如何计算？',
+    answer:
+      'LLM API 对输入代币（您的提示）和输出代币（响应）分别收费。每个请求的总成本为：（输入代币 × 输入价格 + 输出代币 × 输出价格）/ 1,000,000。乘以请求数得到总月度成本。',
+  },
+  {
+    question: '什么是代币，它们与单词有什么关系？',
+    answer:
+      '代币是语言模型处理的基本文本单位。平均而言，1 个代币等于英文中约 0.75 个单词，因此 1000 个代币 ≈ 750 个单词。价格以百万代币计 ($/1M)，这是所有提供商的标准定价单位。',
+  },
+  {
+    question: '为什么输出代币比输入代币更昂贵？',
+    answer:
+      '生成文本（输出）需要模型依次计算每个代币，这在计算上比读取输入更密集。大多数提供商对输出代币的收费是输入代币的 3–5 倍。',
+  },
+  {
+    question: '如何降低我的 LLM API 成本？',
+    answer:
+      '使用满足您质量要求的最小模型。尽可能缓存重复的提示。最小化系统提示长度并避免不必要的上下文。对于简单的分类或提取任务，GPT-4o mini 或 Gemini Flash 等较小的模型可以显著节省成本。',
+  },
+];
+
+const howToData = [
+  {
+    name: '选择模型',
+    text: '从分组下拉菜单中选择您计划使用的 AI 模型。模型按提供商组织。',
+  },
+  {
+    name: '输入代币计数',
+    text: '输入预期的输入代币数（您的提示）和输出代币数（响应）。单词估计显示在每个字段下方。',
+  },
+  {
+    name: '设置请求数',
+    text: '使用滑块或数字输入来输入您预期的 API 调用次数。总成本实时更新。',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'zh',
+};
+
+const ui: LlmCostCalculatorUI = {
+  labelModel: 'LLM 模型',
+  labelInputTokens: '输入代币',
+  labelOutputTokens: '输出代币',
+  labelRequests: '请求数',
+  unitWords: '单词',
+  labelCostPerRequest: '每个请求的成本',
+  labelTotal: '估算总成本',
+  labelInput: '输入',
+  labelOutput: '输出',
+};
+
+export const content: ToolLocaleContent<LlmCostCalculatorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  bibliographyTitle: '参考资料和定价来源',
+  bibliography: [
+    {
+      name: 'OpenAI API 定价',
+      url: 'https://openai.com/pricing',
+    },
+    {
+      name: 'Anthropic API 定价',
+      url: 'https://www.anthropic.com/pricing',
+    },
+    {
+      name: 'Google AI Studio 定价',
+      url: 'https://ai.google.dev/pricing',
+    },
+    {
+      name: 'OpenAI 令牌生成器',
+      url: 'https://platform.openai.com/tokenizer',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: '理解 LLM API 定价',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '大型语言模型 API 根据代币使用情况计费，而不是按时间或请求次数计费。每个 API 调用有两项成本：<strong>输入成本</strong>（处理您的提示）和<strong>输出成本</strong>（生成响应）。理解这种分割是准确估算您每月账单的关键。',
+    },
+    {
+      type: 'title',
+      text: '输入代币与输出代币',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: 2,
+    },
+    {
+      type: 'card',
+      title: '输入代币',
+      html: '<p>输入代币代表发送<strong>给</strong>模型的所有内容：您的系统提示、对话历史和用户消息。由于模型并行处理它们，所以它们更便宜。一个 200 字的典型系统提示大约需要 267 个输入代币。</p>',
+    },
+    {
+      type: 'card',
+      title: '输出代币',
+      html: '<p>输出代币按顺序逐个生成，使其在计算上更昂贵。大多数提供商对输出代币的收费<strong>多出 3–5 倍</strong>。一个 300 字的响应会生成大约 400 个输出代币。保持响应简洁是最有效的成本节省策略之一。</p>',
+    },
+    {
+      type: 'title',
+      text: '为您的预算选择合适的模型',
+      level: 3,
+    },
+    {
+      type: 'tip',
+      html: '从有能力的中等层级模型开始，例如 <code>GPT-4o mini</code> 或 <code>Gemini 1.5 Flash</code>，仅在质量不足时升级。小型和大型模型之间的成本差异可能是 10–100×。',
+    },
+    {
+      type: 'paragraph',
+      html: '并非所有任务都需要相同的模型质量。分类、提取和汇总任务通常在较小、较便宜的模型上表现良好。保留大型前沿模型，如 <code>claude-3-opus</code> 或 <code>o1</code>，用于复杂的推理任务，其中质量直接影响结果。',
+    },
+  ],
+};
+

package/src/tool/llmCostCalculator/index.ts

@@ -10,6 +10,18 @@ export type LlmCostCalculatorLocaleContent = ToolLocaleContent<LlmCostCalculator
 import { content as es } from './i18n/es';
 import { content as en } from './i18n/en';
 import { content as fr } from './i18n/fr';
+import { content as de } from './i18n/de';
+import { content as id } from './i18n/id';
+import { content as it } from './i18n/it';
+import { content as ja } from './i18n/ja';
+import { content as ko } from './i18n/ko';
+import { content as nl } from './i18n/nl';
+import { content as pl } from './i18n/pl';
+import { content as pt } from './i18n/pt';
+import { content as ru } from './i18n/ru';
+import { content as sv } from './i18n/sv';
+import { content as tr } from './i18n/tr';
+import { content as zh } from './i18n/zh';
 
 export const llmCostCalculator: DeveloperToolEntry<LlmCostCalculatorUI> = {
   id: 'llm-cost-calculator',
@@ -21,6 +33,18 @@ export const llmCostCalculator: DeveloperToolEntry<LlmCostCalculatorUI> = {
     es: async () => es,
     en: async () => en,
     fr: async () => fr,
+    de: async () => de,
+    id: async () => id,
+    it: async () => it,
+    ja: async () => ja,
+    ko: async () => ko,
+    nl: async () => nl,
+    pl: async () => pl,
+    pt: async () => pt,
+    ru: async () => ru,
+    sv: async () => sv,
+    tr: async () => tr,
+    zh: async () => zh,
   },
 };
 

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

@@ -0,0 +1,121 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { MobileMockupGeneratorUI } from '../ui';
+
+const slug = 'mobiler-mockup-generator';
+const title = 'Mobiler Mockup Generator für den App Store. iPhone und Google Pixel';
+const description = 'Erstellen Sie professionelle Präsentationen für den App Store und Google Play. iPhone- und Pixel-Mockups mit individuellen Hintergründen, panoramischen Layouts und massenweisem HD-Export.';
+
+const faqData = [
+  { question: 'Sind diese Screenshots für den App Store und Google Play gültig?', answer: 'Ja, die generierten Bilder erfüllen die Proportions- und Qualitätsanforderungen der App-Stores. Wählen Sie einfach das passende Gerät (iPhone für iOS, Pixel für Android) vor dem Export.' },
+  { question: 'Kann ich eigene benutzerdefinierte Hintergründe verwenden?', answer: 'Selbstverständlich. Neben unserer Premium-Gradienten-Bibliothek können Sie beliebige Bilder von Ihrem Computer hochladen, die als Hintergrundumgebung für Ihre Mockups dienen.' },
+  { question: 'Ist es für kommerzielle Nutzung kostenlos?', answer: 'Ja, Sie können die generierten Mockups für kommerzielle Projekte, Portfolios oder Präsentationen ohne Kosten und ohne Wasserzeichen verwenden.' },
+  { question: 'Werden meine Screenshots auf einem Server gespeichert?', answer: 'Nein. Der Generator arbeitet zu 100 % lokal in Ihrem Browser. Ihre privaten Bilder verlassen Ihren Computer nie.' },
+];
+
+const howToData = [
+  { name: 'Screenshots hochladen', text: 'Ziehen Sie die Screenshots Ihrer mobilen App per Drag-and-Drop oder wählen Sie sie aus, um sie zu präsentieren.' },
+  { name: 'Gerät auswählen', text: 'Wählen Sie das Smartphone-Modell (iPhone 15 Pro Max oder Google Pixel 8) je nach Ziel-Store.' },
+  { name: 'Umgebung anpassen', text: 'Passen Sie Hintergrund, Gerätewinkel und Marketing-Texte an und wählen Sie das Kompositions-Layout.' },
+  { name: 'In HD herunterladen', text: 'Exportieren Sie alle Ergebnisse im hochauflösenden WebP-Format, bereit zum Hochladen in den App-Store.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({ '@type': 'Question', name: item.question, acceptedAnswer: { '@type': 'Answer', text: item.answer } })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({ '@type': 'HowToStep', position: i + 1, name: step.name, text: step.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'DesignApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+const ui: MobileMockupGeneratorUI = {
+  labelUpload: 'Screenshots hochladen',
+  dropHint: 'Bilder hierher ziehen',
+  dropFormats: 'PNG, JPG oder WEBP',
+  btnMassReplace: 'Massenersatz (Batch)',
+  massReplaceHint: 'Ersetzt die aktuellen Bilder unter Beibehaltung Ihrer Voreinstellungen und Texte. Ideal für schnelle Iterationen.',
+  labelSettings: 'Globale Einstellungen',
+  labelDevice: 'Gerät',
+  labelFont: 'Schriftart',
+  labelBackground: 'Hintergrund',
+  titleSwapColors: 'Farben tauschen',
+  labelAngle: 'Winkel',
+  labelSafeArea: 'Safe Area (Oben/Unten)',
+  labelSafeAreaColor: 'Bereichsfarbe',
+  emptyTitle: 'Noch keine Bilder',
+  emptySubtitle: 'Laden Sie Ihre Screenshots hoch, um mit dem Gestalten zu beginnen',
+  btnClearAll: 'Leinwand leeren',
+  btnExport: 'Alles exportieren (.zip)',
+  cardTitleDuplicate: 'Szene duplizieren',
+  cardTitleReplace: 'Aktuellen Screenshot ersetzen',
+  cardSectionLayouts: 'Master-Layouts',
+  cardSectionBranding: 'Branding & Texte',
+  cardTitleResetText: 'Text zurücksetzen',
+  cardLabelColor: 'Farbe',
+  cardTextPlaceholder: 'Text hier eingeben...',
+  cardSectionDevice: 'Geräte-Layout',
+  cardTitleResetDevice: 'Position zurücksetzen',
+  cardSectionScene: 'Requisiten & Hintergrund',
+  cardBtnSpecialBg: 'Spezieller Hintergrund',
+  cardBtnDeleteScene: 'Szene löschen',
+  cardRangeLabelSize: 'Größe',
+  cardRangeLabelX: 'X-Achse',
+  cardRangeLabelY: 'Y-Achse',
+  cardRangeLabelRotation: 'Drehung',
+  cardRangeLabelScale: 'Skalierung',
+  presetClassic: 'Klassisch',
+  presetMobileBottom: 'Handy unten',
+  presetMobileTop: 'Handy oben',
+  presetFocus: 'Fokus',
+  presetDynamic: 'Dynamisch',
+  presetSplitLeft: 'Geteilt links',
+  presetSplitRight: 'Geteilt rechts',
+  presetImageLeft: 'Bild links',
+  presetImageRight: 'Bild rechts',
+  confirmClear: 'Möchten Sie wirklich alle Mockups löschen?',
+  processingExport: 'Wird verarbeitet...',
+  exportDone: 'Fertig!',
+};
+
+export const content: ToolLocaleContent<MobileMockupGeneratorUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliographyTitle: 'Referenzen',
+  bibliography: [
+    { name: 'Apple App Store Screenshot Requirements', url: 'https://developer.apple.com/help/app-store-connect/reference/screenshot-specifications' },
+    { name: 'Google Play Screenshot Requirements', url: 'https://support.google.com/googleplay/android-developer/answer/9866151' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Heben Sie Ihre Screenshots auf das nächste Level', level: 2 },
+    { type: 'paragraph', html: 'Beschränken Sie sich nicht auf flache Screenshots. Unser Mockup-Tool ermöglicht Entwicklern und Designern die Erstellung wirkungsvoller visueller Assets ohne Photoshop oder Figma.' },
+    { type: 'title', text: 'Kraft durch Master-Layouts', level: 3 },
+    { type: 'grid', columns: 2 },
+    { type: 'card', title: 'App Store & Google Play', html: '<p>Steigern Sie Ihre Konversionsrate. iPhone 15 Pro Max und Pixel 8 Mockups sind der weltweite Standard für App-Store-Einträge.</p>' },
+    { type: 'card', title: 'Pitch Decks & Marketing', html: '<p>Präsentieren Sie Ihre Ideen überzeugend. Perfekt für Investoren-Präsentationen, Social-Media-Kampagnen und professionelle UI/UX-Design-Portfolios.</p>' },
+    { type: 'title', text: 'Professioneller Workflow', level: 3 },
+    { type: 'tip', html: 'Nutzen Sie die Voreinstellungen "Geteilt links" und "Geteilt rechts", um nahtlose Mockups zu erstellen, die in Instagram-Karussells oder App-Store-Screenshots fließend von einem Bild zum nächsten übergehen.' },
+  ],
+};