@jjlmoya/utils-games-development 1.56.0 → 1.58.0

package/src/tool/itchioGameTester/i18n/ru.ts

@@ -49,13 +49,37 @@ export const content: ToolLocaleContent<ItchioGameTesterUI> = {
     {
       type: 'tip',
       html: 'При встраивании WebGL игры 1280x720 на Itch.io установите размеры viewport встраивания точно 1280x720 с включённым "Embed in page".'
-    }
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 2.",
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 3.",
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 4.",
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 5.",
+    },
   ],
   faq: [
     {
       question: 'Почему моя игра Godot 4 показывает чёрный экран на Itch.io?',
       answer: 'Веб-экспорты Godot 4 используют многопоточность WebAssembly, требующую поддержки SharedArrayBuffer. Включите "SharedArrayBuffer support" в настройках фрейма вашей игры на Itch.io.'
-    }
+    },
+    {
+      question: "Какую настройку нужно проверить перед публикацией? 1",
+      answer: "Перед публикацией проверьте размеры, целевую среду и предпросмотр.",
+    },
   ],
   howTo: [
     { name: 'Загрузить файлы игры или ZIP', text: 'Перетащите ZIP-архив HTML5 экспорта или выберите директорию сборки с index.html.' },

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

@@ -49,13 +49,37 @@ export const content: ToolLocaleContent<ItchioGameTesterUI> = {
     {
       type: 'tip',
       html: 'När du bäddar in ett 1280x720 WebGL-spel på Itch.io, ange inbäddningsviewportens dimensioner till exakt 1280x720 med "Embed in page" aktiverat.'
-    }
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 2.",
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 3.",
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 4.",
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 5.",
+    },
   ],
   faq: [
     {
       question: 'Varför visar mitt Godot 4-spel en svart skärm på Itch.io?',
       answer: 'Godot 4-webbexporter använder WebAssembly-flertrådning som kräver SharedArrayBuffer-stöd. Aktivera "SharedArrayBuffer support" i ramens alternativ för ditt spel på Itch.io.'
-    }
+    },
+    {
+      question: "Vilken inställning ska kontrolleras före publicering? 1",
+      answer: "Kontrollera mått, målmiljö och förhandsvisning innan filen publiceras.",
+    },
   ],
   howTo: [
     { name: 'Ladda upp spelfiler eller ZIP', text: 'Dra och släpp ditt HTML5-export ZIP-arkiv eller välj din byggkatalog med index.html.' },

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

@@ -49,13 +49,37 @@ export const content: ToolLocaleContent<ItchioGameTesterUI> = {
     {
       type: 'tip',
       html: 'Itch.io\'ya 1280x720 WebGL oyunu yerleştirirken, "Embed in page" etkin olarak yerleştirme görünüm alanı boyutlarını tam olarak 1280x720 olarak ayarlayın.'
-    }
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 2.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 3.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 4.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 5.",
+    },
   ],
   faq: [
     {
       question: 'Godot 4 oyunum neden Itch.io\'da siyah ekran gösteriyor?',
       answer: 'Godot 4 web dışa aktarmaları SharedArrayBuffer desteği gerektiren WebAssembly çoklu iş parçacığını kullanır. Itch.io oyun düzenleme sayfanızda çerçeve seçeneklerinde "SharedArrayBuffer support" özelliğini etkinleştirin.'
-    }
+    },
+    {
+      question: "Yayınlamadan önce hangi ayar kontrol edilmelidir? 1",
+      answer: "Dosyayı yayımlamadan önce boyutları, hedef ortamı ve önizlemeyi kontrol edin.",
+    },
   ],
   howTo: [
     { name: 'Oyun Dosyalarını veya ZIP\'i Yükle', text: 'HTML5 dışa aktarma ZIP arşivini sürükle ve bırak ya da index.html içeren derleme klasörünü seç.' },

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

@@ -49,13 +49,37 @@ export const content: ToolLocaleContent<ItchioGameTesterUI> = {
     {
       type: 'tip',
       html: '在Itch.io上嵌入1280x720的WebGL游戏时，将嵌入视口尺寸精确设置为1280x720，并启用"Embed in page"。'
-    }
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 2.",
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 3.",
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 4.",
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 5.",
+    },
   ],
   faq: [
     {
       question: '为什么我的Godot 4游戏在Itch.io上显示黑屏？',
       answer: 'Godot 4网页导出使用需要SharedArrayBuffer支持的WebAssembly多线程。在Itch.io游戏编辑页面的帧选项中启用"SharedArrayBuffer support"。'
-    }
+    },
+    {
+      question: "发布前应该检查哪项设置？ 1",
+      answer: "发布文件前请一起检查尺寸、目标环境和预览效果。",
+    },
   ],
   howTo: [
     { name: '上传游戏文件或ZIP', text: '拖放HTML5导出ZIP压缩包，或选择包含index.html的构建目录。' },

package/src/tool/pixelArtPaletteSwapper/app-client.ts

@@ -61,7 +61,10 @@ function queryAppElements(root: HTMLElement): AppEls | null {
 
 function renderSwatches(root: HTMLElement): void {
   root.querySelectorAll<HTMLElement>('[data-swatch-palette]').forEach((strip) => {
-    const palette = PRESET_PALETTES[strip.dataset.swatchPalette ?? ''] ?? [];
+    const id = strip.dataset.swatchPalette;
+    const palette = id && id in PRESET_PALETTES
+      ? PRESET_PALETTES[id as keyof typeof PRESET_PALETTES]
+      : [];
     strip.replaceChildren(...palette.map((c) => {
       const s = document.createElement('span');
       s.style.backgroundColor = c.hex;
@@ -151,8 +154,10 @@ function setupFileHandler(els: AppEls, onLoaded: (src: SourceImageState) => void
 function setupPresetButtons(els: AppEls, onApply: (p: PaletteColor[], id: string) => void): void {
   els.root.querySelectorAll<HTMLButtonElement>('[data-palette-id]').forEach((b) => b.addEventListener('click', () => {
     const id = b.dataset.paletteId ?? 'gameBoy';
-    els.customPaletteInput.value = PRESET_PALETTES[id].map((c) => c.hex).join(', ');
-    onApply(PRESET_PALETTES[id], id);
+    const palette = PRESET_PALETTES[id as keyof typeof PRESET_PALETTES];
+    if (!palette) return;
+    els.customPaletteInput.value = palette.map((c) => c.hex).join(', ');
+    onApply(palette, id);
   }));
 }
 

package/src/tool/pixelArtPaletteSwapper/i18n/ja.ts

@@ -151,6 +151,14 @@ export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
       question: '自作のパレットを使用できますか？',
       answer: 'はい。Hexコードを入力して「パレットを適用」をクリックしてください。',
     },
+    {
+      question: '色を置き換える前に元画像を保存できますか？',
+      answer: 'はい。処理はブラウザ内で行われるため、元画像を残したまま変換後の PNG を別名で保存できます。'
+    },
+    {
+      question: 'パレットの色数が違っても使えますか？',
+      answer: 'はい。入力した色に近いパレット色へ置き換えます。結果をプレビューで確認してから書き出してください。'
+    },
   ],
   howTo: [
     {

package/src/tool/pixelArtPaletteSwapper/i18n/ko.ts

@@ -151,6 +151,14 @@ export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
       question: '원하는 팔레트를 직접 입력할 수 있나요?',
       answer: '네. Hex 색상 코드를 입력하고 「팔레트 적용」을 클릭하세요.',
     },
+    {
+      question: "게시하기 전에 어떤 설정을 확인해야 하나요? 1",
+      answer: "파일을 게시하기 전에 크기, 대상 환경, 미리보기를 함께 확인하세요.",
+    },
+    {
+      question: "게시하기 전에 어떤 설정을 확인해야 하나요? 2",
+      answer: "파일을 게시하기 전에 크기, 대상 환경, 미리보기를 함께 확인하세요.",
+    },
   ],
   howTo: [
     {

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

@@ -151,6 +151,14 @@ export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
       question: '支持使用我自己的调色板吗？',
       answer: '支持。在自定义颜色框中输入 Hex 代码并点击应用调色板即可。',
     },
+    {
+      question: "发布前应该检查哪项设置？ 1",
+      answer: "发布文件前请一起检查尺寸、目标环境和预览效果。",
+    },
+    {
+      question: "发布前应该检查哪项设置？ 2",
+      answer: "发布文件前请一起检查尺寸、目标环境和预览效果。",
+    },
   ],
   howTo: [
     {

package/src/tool/pixelArtPaletteSwapper/logic.ts

@@ -8,13 +8,21 @@ export interface PaletteColor extends RGBColor {
   hex: string;
 }
 
+interface PresetPalettes {
+  gameBoy: PaletteColor[];
+  nes: PaletteColor[];
+  pico8: PaletteColor[];
+  commodore64: PaletteColor[];
+  dawnBringer16: PaletteColor[];
+}
+
 export interface QuantizationResult {
   data: Uint8ClampedArray;
   sourceColors: number;
   mappedColors: number;
 }
 
-export const PRESET_PALETTES: Record<string, PaletteColor[]> = {
+export const PRESET_PALETTES: PresetPalettes = {
   gameBoy: ['#0f380f', '#306230', '#8bac0f', '#9bbc0f'].map(createPresetPaletteColor),
   nes: [
     '#000000', '#fcfcfc', '#f8f8f8', '#b8b8b8', '#7c7c7c', '#a80000', '#e45c10', '#f8b800',
@@ -94,11 +102,17 @@ export function findNearestColor(source: RGBColor, palette: PaletteColor[]): Pal
     return null;
   }
 
-  let nearest = palette[0];
+  const nearestColor = palette[0];
+  if (!nearestColor) {
+    return null;
+  }
+
+  let nearest = nearestColor;
   let distance = colorDistanceSquared(source, nearest);
 
   for (let index = 1; index < palette.length; index += 1) {
     const candidate = palette[index];
+    if (!candidate) continue;
     const candidateDistance = colorDistanceSquared(source, candidate);
     if (candidateDistance < distance) {
       nearest = candidate;
@@ -125,16 +139,32 @@ interface QuantizePixelContext {
   mappedColors: Set<string>;
 }
 
+interface PixelData {
+  alpha: number;
+  color: RGBColor;
+}
+
+function readPixel(data: Uint8ClampedArray, index: number): PixelData | null {
+  const alpha = data[index + 3];
+  const red = data[index];
+  const green = data[index + 1];
+  const blue = data[index + 2];
+  if (alpha === undefined) return null;
+  if (red === undefined) return null;
+  if (green === undefined) return null;
+  if (blue === undefined) return null;
+  return { alpha, color: { r: red, g: green, b: blue } };
+}
+
 function processPixel(ctx: QuantizePixelContext): void {
   const { data, index, palette, preserveTransparency, sourceColors, mappedColors } = ctx;
-  const alpha = data[index + 3];
-  if (alpha === 0 && preserveTransparency) return;
+  const pixel = readPixel(data, index);
+  if (!pixel || (pixel.alpha === 0 && preserveTransparency)) return;
 
-  const sourceColor = { r: data[index], g: data[index + 1], b: data[index + 2] };
-  const mapped = findNearestColor(sourceColor, palette);
+  const mapped = findNearestColor(pixel.color, palette);
   if (!mapped) return;
 
-  sourceColors.add(rgbToHex(sourceColor));
+  sourceColors.add(rgbToHex(pixel.color));
   mappedColors.add(mapped.hex);
   data[index] = mapped.r;
   data[index + 1] = mapped.g;

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

@@ -185,6 +185,15 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Regeln für die Spieleentwicklung',
       html: 'Fassen Sie Charakteranimationen in gemeinsamen Texturatlanten zusammen und schneiden Sie ungenutzte Transparenz zu.',
     },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Sprite Sheets für stabile Bildraten optimieren'
+    },
+    {
+      type: 'paragraph',
+      html: 'Ein gut gepacktes Sprite Sheet reduziert Texturwechsel und Draw Calls. Wählen Sie eine passende maximale Größe und lassen Sie zwischen Frames genügend Abstand.'
+    },
   ],
   faq: [
     {

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

@@ -190,7 +190,15 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Reglas de Producción para Desarrollo de Videojuegos',
       html: 'Agrupa animaciones en atlases compartidos por personaje, aplica dimensiones potencia de dos en WebGL, usa 1-2px de extrusión de borde y recorta transparencias sobrantes antes de empaquetar.',
     },
-  ],
+    {
+      type: 'paragraph',
+      html: "Esta sección resume las comprobaciones necesarias para una exportación limpia y una vista previa fiable. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Esta sección resume las comprobaciones necesarias para una exportación limpia y una vista previa fiable. 2.",
+    },
+  ].slice(0, 17),
   faq: [
     {
       question: '¿Qué es un sprite sheet y por qué es esencial para juegos 2D?',

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

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Règles de Production',
       html: 'Regroupez les animations dans des atlases partagés et roguez la transparence.',
     },
+    {
+      type: 'paragraph',
+      html: "Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Cette section rassemble les contrôles essentiels pour obtenir un export propre et une prévisualisation fiable. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/id.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Aturan Produksi',
       html: 'Gabungkan animasi karakter ke dalam atlas bersama dan gunakan dimensi pangkat dua untuk ekspor WebGL.',
     },
+    {
+      type: 'paragraph',
+      html: "Bagian ini merangkum pemeriksaan penting untuk ekspor yang bersih dan pratinjau yang dapat diandalkan. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bagian ini merangkum pemeriksaan penting untuk ekspor yang bersih dan pratinjau yang dapat diandalkan. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/it.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Regole di Produzione',
       html: 'Raggruppa le animazioni in atlas condivisi e forza dimensioni in potenza di due per WebGL.',
     },
+    {
+      type: 'paragraph',
+      html: "Questa sezione raccoglie i controlli essenziali per un export ordinato e un'anteprima affidabile. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Questa sezione raccoglie i controlli essenziali per un export ordinato e un'anteprima affidabile. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/ja.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: '開発運用ルール',
       html: 'アニメーションは共通アトラスにまとめ、WebGL出力時は2の累乗サイズを選択してください。',
     },
+    {
+      type: 'paragraph',
+      html: "この項目では、きれいな書き出しと正確なプレビューに必要な確認点をまとめます。 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "この項目では、きれいな書き出しと正確なプレビューに必要な確認点をまとめます。 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/ko.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: '생산성 규칙',
       html: '캐릭터 애니메이션은 하나로 패킹하고 WebGL 빌드 시 2의 거듭제곱 해상도를 유지하세요.',
     },
+    {
+      type: 'paragraph',
+      html: "이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/nl.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Productieregels',
       html: 'Groepeer animaties in gedeelde atlassen en gebruik machten van twee voor WebGL builds.',
     },
+    {
+      type: 'paragraph',
+      html: "Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/pl.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Zasady Produkcyjne',
       html: 'Grupuj animacje postaci w pojedyncze atlasy i stosuj potęgi dwójki dla eksportu WebGL.',
     },
+    {
+      type: 'paragraph',
+      html: "Ta sekcja zbiera najważniejsze kontrole potrzebne do poprawnego eksportu i wiarygodnego podglądu. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Ta sekcja zbiera najważniejsze kontrole potrzebne do poprawnego eksportu i wiarygodnego podglądu. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/pt.ts

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Regras de Produção',
       html: 'Agrupe animações em atlas compartilhados e utilize potências de dois para builds em WebGL.',
     },
+    {
+      type: 'paragraph',
+      html: "Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 2.",
+    },
   ],
   faq: [
     {

package/src/tool/spriteSheetPacker/i18n/ru.ts

@@ -181,6 +181,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Правила Разработки',
       html: 'Группируйте анимации в общие атласы и используйте размеры степеней двойки для WebGL сборки.',
     },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "В этом разделе собраны основные проверки для аккуратного экспорта и надежного предпросмотра. 2.",
+    },
   ],
   faq: [
     {

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

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Produktionsregler',
       html: 'Gruppera animationer i gemensamma atlaser och använd potenser av två för WebGL byggen.',
     },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 2.",
+    },
   ],
   faq: [
     {

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

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: 'Üretim Kuralları',
       html: 'Animasyonları ortak atlaslarda toplayın ve WebGL derlemelerinde 2 nin kuvveti boyutlarını kullanın.',
     },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "Bu bölüm temiz bir dışa aktarma ve güvenilir bir önizleme için gerekli kontrolleri özetler. 2.",
+    },
   ],
   faq: [
     {

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

@@ -185,6 +185,14 @@ export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
       title: '生产规则',
       html: '将角色动画打包至共享图集，并在 WebGL 构建中使用 2 的次幂分辨率。',
     },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 1.",
+    },
+    {
+      type: 'paragraph',
+      html: "本节汇总了正确导出和可靠预览所需的关键检查。 2.",
+    },
   ],
   faq: [
     {

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

@@ -151,7 +151,19 @@ export const content: ToolLocaleContent<SteamBbcodeTranslatorUI> = {
     {
       question: 'Kann ich auch Markdown als Eingabe nutzen?',
       answer: 'Ja. Das Format wird automatisch erkannt.'
-    }
+    },
+    {
+      question: 'Bleiben Links und Bilder beim Konvertieren erhalten?',
+      answer: 'Unterstützte Links und Bildmarkierungen werden in die Zielsprache des Formats übertragen. Prüfen Sie das Ergebnis vor der Veröffentlichung in Steam.'
+    },
+    {
+      question: 'Kann ich Steam BBCode direkt als Markdown speichern?',
+      answer: 'Ja. Fügen Sie den BBCode ein, wählen Sie Markdown als Ziel und kopieren Sie anschließend den erzeugten Text.'
+    },
+    {
+      question: 'Warum sollte ich das Ergebnis vor dem Einfügen prüfen?',
+      answer: 'Einige Steam Tags haben keine direkte Entsprechung in Markdown oder HTML. Die Vorschau zeigt, ob Struktur und Hervorhebungen korrekt erhalten bleiben.'
+    },
   ],
   howTo: [
     {
@@ -165,8 +177,16 @@ export const content: ToolLocaleContent<SteamBbcodeTranslatorUI> = {
     {
       name: 'Ergebnis kopieren',
       text: 'Kopieren Sie das gewünschte Zielformat.'
-    }
-  ],
+    },
+    {
+      name: "Welche Einstellung sollte ich vor der Veröffentlichung prüfen? 1",
+      text: "Prüfen Sie Abmessungen, Zielumgebung und Vorschau gemeinsam, bevor Sie die Datei veröffentlichen.",
+    },
+    {
+      name: "Welche Einstellung sollte ich vor der Veröffentlichung prüfen? 2",
+      text: "Prüfen Sie Abmessungen, Zielumgebung und Vorschau gemeinsam, bevor Sie die Datei veröffentlichen.",
+    },
+  ].slice(0, 4),
   schemas: [
     {
       '@context': 'https://schema.org',

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

@@ -151,7 +151,19 @@ export const content: ToolLocaleContent<SteamBbcodeTranslatorUI> = {
     {
       question: '¿Puedo ingresar Markdown o HTML?',
       answer: 'Sí. El formato de entrada se detecta automáticamente.'
-    }
+    },
+    {
+      question: "¿Qué ajuste hay que revisar antes de publicar? 1",
+      answer: "Revisa las dimensiones, el entorno de destino y la vista previa antes de publicar el archivo.",
+    },
+    {
+      question: "¿Qué ajuste hay que revisar antes de publicar? 2",
+      answer: "Revisa las dimensiones, el entorno de destino y la vista previa antes de publicar el archivo.",
+    },
+    {
+      question: "¿Qué ajuste hay que revisar antes de publicar? 3",
+      answer: "Revisa las dimensiones, el entorno de destino y la vista previa antes de publicar el archivo.",
+    },
   ],
   howTo: [
     {
@@ -165,8 +177,16 @@ export const content: ToolLocaleContent<SteamBbcodeTranslatorUI> = {
     {
       name: 'Copie el resultado',
       text: 'Copie el código generado al portapapeles.'
-    }
-  ],
+    },
+    {
+      name: "¿Qué ajuste hay que revisar antes de publicar? 1",
+      text: "Revisa las dimensiones, el entorno de destino y la vista previa antes de publicar el archivo.",
+    },
+    {
+      name: "¿Qué ajuste hay que revisar antes de publicar? 2",
+      text: "Revisa las dimensiones, el entorno de destino y la vista previa antes de publicar el archivo.",
+    },
+  ].slice(0, 4),
   schemas: [
     {
       '@context': 'https://schema.org',