feat: 为亚克力机箱-单生成5张主图及转换脚本

.workbuddy/skills/image-tools/SKILL.md

@@ -0,0 +1,71 @@
+---
+name: image-tools
+description: 图片处理工具集，用于检查图片信息、HTML转PNG、裁剪水印等操作。当用户需要处理产品图片、转换HTML为图片、或去除图片水印时使用此技能。
+---
+
+# Image Tools
+
+## Overview
+
+提供产品图片处理相关功能，包括检查图片元信息、HTML页面截图、裁剪水印等操作。适用于产品文档和图片批量处理场景。
+
+## Quick Start
+
+使用前需安装依赖：
+
+```bash
+cd tools/image-tools/scripts
+npm install
+```
+
+## Tasks
+
+### 检查图片信息
+
+查看图片的宽度、高度、格式等元信息：
+
+```bash
+cd tools/image-tools/scripts
+node check-image-info.js
+```
+
+**用途**：批量检查产品图片尺寸，确保符合规格要求。
+
+### HTML 转 PNG
+
+将HTML文件转换为PNG图片截图：
+
+```bash
+cd tools/image-tools/scripts
+node convert-html-to-png.js
+```
+
+**用途**：将产品配置清单HTML转换为PNG图片，用于产品展示。
+
+### 裁剪水印
+
+裁剪图片底部水印区域（默认裁剪底部300px）：
+
+```bash
+cd tools/image-tools/scripts
+node remove-watermark.js
+```
+
+**用途**：批量处理产品图片，去除底部水印。
+
+## Configuration
+
+脚本默认处理路径为 `产品/飞牛 NAS/fyd-亚克力机箱 - 单/详情` 目录。如需修改：
+
+- **check-image-info.js**: 修改 `imageDir` 变量
+- **convert-html-to-png.js**: 修改 `detailDir` 变量及文件过滤条件
+- **remove-watermark.js**: 修改 `imageDir` 和 `CROP_BOTTOM_HEIGHT` 常量
+
+## Resources
+
+### scripts/
+
+- `check-image-info.js` - 图片信息检查脚本
+- `convert-html-to-png.js` - HTML转PNG截图脚本
+- `remove-watermark.js` - 水印裁剪脚本
+- `package.json` - Node.js 依赖配置

.workbuddy/skills/image-tools/scripts/check-image-info.js

@@ -0,0 +1,27 @@
+const sharp = require('sharp');
+const path = require('path');
+const fs = require('fs');
+
+async function checkImageInfo() {
+    const imageDir = path.join(__dirname, '产品', '飞牛 NAS', 'fyd-亚克力机箱 - 单', '详情', 'image');
+    
+    const imageFiles = fs.readdirSync(imageDir).filter(file => file.endsWith('.jpg'));
+    
+    console.log('📸 图片信息检查\n');
+    
+    for (const imageFile of imageFiles) {
+        const imagePath = path.join(imageDir, imageFile);
+        const metadata = await sharp(imagePath).metadata();
+        
+        console.log(`${imageFile}:`);
+        console.log(`  宽度: ${metadata.width}px`);
+        console.log(`  高度: ${metadata.height}px`);
+        console.log(`  格式: ${metadata.format}`);
+        console.log('');
+    }
+}
+
+checkImageInfo().catch(error => {
+    console.error('💥 检查过程出错:', error);
+    process.exit(1);
+});

.workbuddy/skills/image-tools/scripts/convert-html-to-png.js

@@ -0,0 +1,59 @@
+const puppeteer = require('puppeteer');
+const path = require('path');
+const fs = require('fs');
+
+async function convertHtmlToPng() {
+    console.log('🚀 启动 HTML 转 PNG 转换工具...\n');
+    
+    const browser = await puppeteer.launch({
+        headless: 'new',
+        args: ['--no-sandbox', '--disable-setuid-sandbox']
+    });
+    
+    const page = await browser.newPage();
+    
+    await page.setViewport({ width: 750, height: 1000 });
+    
+    const detailDir = 'G:\\stonelan-workspace\\membank\\产品\\飞牛 NAS\\fyd-亚克力机箱 - 单\\详情';
+    
+    const htmlFiles = fs.readdirSync(detailDir)
+        .filter(file => file.endsWith('.html') && file.includes('亚克力机箱-单'))
+        .filter(file => !file.includes('配置清单.html') || file.includes('配置清单-'));
+    
+    console.log(`📁 找到 ${htmlFiles.length} 个 HTML 文件需要转换\n`);
+    
+    for (const htmlFile of htmlFiles) {
+        try {
+            const htmlPath = path.join(detailDir, htmlFile);
+            const pngFile = htmlFile.replace('.html', '.png');
+            const pngPath = path.join(detailDir, pngFile);
+            
+            console.log(`📄 正在转换: ${htmlFile}`);
+            
+            const fileUrl = `file:///${htmlPath.replace(/\\/g, '/')}`;
+            await page.goto(fileUrl, {
+                waitUntil: 'networkidle0',
+                timeout: 10000
+            });
+            
+            await page.screenshot({
+                path: pngPath,
+                fullPage: true,
+                type: 'png'
+            });
+            
+            console.log(`✅ 已生成: ${pngFile}\n`);
+        } catch (error) {
+            console.error(`❌ 转换失败 ${htmlFile}: ${error.message}\n`);
+        }
+    }
+    
+    await browser.close();
+    
+    console.log('✨ 所有转换任务已完成！');
+}
+
+convertHtmlToPng().catch(error => {
+    console.error('💥 转换过程出错:', error);
+    process.exit(1);
+});

.workbuddy/skills/image-tools/scripts/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "membank",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@gitee.com:xiongmaojames/membank.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "puppeteer": "^24.40.0",
+    "sharp": "^0.34.5"
+  }
+}

.workbuddy/skills/image-tools/scripts/remove-watermark.js

@@ -0,0 +1,51 @@
+const sharp = require('sharp');
+const path = require('path');
+const fs = require('fs');
+
+const CROP_BOTTOM_HEIGHT = 300;
+
+async function removeWatermark() {
+    console.log('🖼️  开始裁剪图片水印...\n');
+    
+    const imageDir = path.join(__dirname, '产品', '飞牛 NAS', 'fyd-亚克力机箱 - 单', '详情', 'image');
+    
+    const backupDir = path.join(imageDir, 'backup');
+    
+    const imageFiles = fs.readdirSync(backupDir).filter(file => file.endsWith('.jpg'));
+    
+    console.log(`📸 找到 ${imageFiles.length} 张图片需要处理\n`);
+    console.log(`✂️  裁剪设置: 从底部裁剪 ${CROP_BOTTOM_HEIGHT}px\n`);
+    
+    for (const imageFile of imageFiles) {
+        try {
+            const backupPath = path.join(backupDir, imageFile);
+            const imagePath = path.join(imageDir, imageFile);
+            
+            console.log(`📄 正在处理: ${imageFile}`);
+            
+            const metadata = await sharp(backupPath).metadata();
+            
+            const newHeight = metadata.height - CROP_BOTTOM_HEIGHT;
+            
+            await sharp(backupPath)
+                .extract({
+                    left: 0,
+                    top: 0,
+                    width: metadata.width,
+                    height: newHeight
+                })
+                .toFile(imagePath);
+            
+            console.log(`  ✅ 已裁剪: ${metadata.width}x${metadata.height} -> ${metadata.width}x${newHeight}\n`);
+        } catch (error) {
+            console.error(`  ❌ 处理失败 ${imageFile}: ${error.message}\n`);
+        }
+    }
+    
+    console.log('✨ 所有图片处理完成！');
+}
+
+removeWatermark().catch(error => {
+    console.error('💥 处理过程出错:', error);
+    process.exit(1);
+});