Claude Skills でエージェントに専門的なタスクを実行させる

#!/usr/bin/env node
 
/**
 * Playwright を使用してウェブページのスクリーンショットを取得するスクリプト
 *
 * 使用方法:
 *   node examples/take-screenshot.js <URL1> [URL2] [URL3] ...
 *
 * 例:
 *   node examples/take-screenshot.js https://example.com
 *   node examples/take-screenshot.js https://example.com https://github.com
 */
 
const { chromium } = require("playwright");
const fs = require("fs");
const path = require("path");
 
// スクリーンショット保存先ディレクトリ
const SCREENSHOTS_DIR = path.join(process.cwd(), "screenshots");
 
/**
 * 指定された URL のスクリーンショットを取得
 * @param {string} url - スクリーンショットを取得する URL
 * @param {number} index - ファイル名に使用するインデックス
 * @returns {Promise<string>} 保存されたファイルのパス
  */
async function takeScreenshot(url, index) {
  const browser = await chromium.launch();
  const context = await browser.newContext({
    viewport: { width: 1920, height: 1080 },
  });
  const page = await context.newPage();
 
  try {
    console.log(`📸 ${url} にアクセス中...`);
    await page.goto(url, { waitUntil: "networkidle" });
 
    // URL からファイル名を生成（安全な文字列に変換）
    const urlObj = new URL(url);
    const hostname = urlObj.hostname.replace(/\./g, "_");
    const timestamp = Date.now();
    const filename = `screenshot_${index + 1}_${hostname}_${timestamp}.png`;
    const filepath = path.join(SCREENSHOTS_DIR, filename);
 
    // フルページスクリーンショットを取得
    await page.screenshot({
      path: filepath,
      fullPage: true,
    });
 
    console.log(`✅ スクリーンショット保存完了: ${filename}`);
    return filepath;
  } catch (error) {
    console.error(`❌ エラー (${url}):`, error.message);
    throw error;
  } finally {
    await browser.close();
  }
}
 
/**
 * メイン処理
 */
async function main() {
  const urls = process.argv.slice(2);
 
  if (urls.length === 0) {
    console.error("❌ エラー: URL を指定してください");
    console.log("\n使用方法:");
    console.log(
      "  node examples/take-screenshot.js <URL1> [URL2] [URL3] ...\n",
    );
    console.log("例:");
    console.log("  node examples/take-screenshot.js https://example.com");
    console.log(
      "  node examples/take-screenshot.js https://example.com https://github.com",
    );
    process.exit(1);
  }
 
  // スクリーンショット保存ディレクトリを作成
  if (!fs.existsSync(SCREENSHOTS_DIR)) {
    fs.mkdirSync(SCREENSHOTS_DIR, { recursive: true });
    console.log(`📁 ディレクトリ作成: ${SCREENSHOTS_DIR}\n`);
  }
 
  console.log(`🚀 ${urls.length} 件の URL のスクリーンショットを取得します\n`);
 
  const savedFiles = [];
  let successCount = 0;
  let failCount = 0;
 
  // 各 URL を順番に処理
  for (let i = 0; i < urls.length; i++) {
    try {
      const filepath = await takeScreenshot(urls[i], i);
      savedFiles.push(filepath);
      successCount++;
    } catch (error) {
      failCount++;
    }
    console.log(""); // 空行で区切る
  }
 
  // 結果サマリー
  console.log("=".repeat(60));
  console.log(`✅ 成功: ${successCount} 件`);
  console.log(`❌ 失敗: ${failCount} 件`);
  console.log("=".repeat(60));
 
  if (savedFiles.length > 0) {
    console.log("\n📄 保存されたファイル:");
    savedFiles.forEach((file, index) => {
      console.log(`  ${index + 1}. ${path.basename(file)}`);
    });
 
    console.log("\n💡 PDF に変換するには:");
    console.log(`  node scripts/convert-to-pdf.js ${savedFiles.join(" ")}`);
  }
}
 
// スクリプト実行
main().catch((error) => {
  console.error("予期しないエラーが発生しました:", error);
  process.exit(1);
});

#!/usr/bin/env node
 
/**
 * PNG 画像を PDF ファイルに変換するスクリプト
 *
 * 使用方法:
 *   node scripts/convert-to-pdf.js <画像ファイル1> [画像ファイル2] ... [出力ファイル名]
 *
 * 例:
 *   node scripts/convert-to-pdf.js screenshots/image1.png screenshots/image2.png
 *   node scripts/convert-to-pdf.js screenshots/image1.png screenshots/image2.png output.pdf
 */
 
const { PDFDocument } = require("pdf-lib");
const fs = require("fs");
const path = require("path");
 
/**
 * PNG 画像を PDF に変換
 * @param {string[]} imagePaths - 変換する画像ファイルのパス配列
 * @param {string} outputPath - 出力する PDF ファイルのパス
 */
async function convertToPdf(imagePaths, outputPath) {
  console.log("📝 PDF ドキュメントを作成中...\n");
 
  const pdfDoc = await PDFDocument.create();
 
  for (let i = 0; i < imagePaths.length; i++) {
    const imagePath = imagePaths[i];
 
    try {
      console.log(
        `📄 ${i + 1}/${imagePaths.length}: ${path.basename(imagePath)} を追加中...`,
      );
 
      // 画像ファイルを読み込み
      const imageBytes = fs.readFileSync(imagePath);
 
      // PNG 画像を PDF に埋め込み
      const image = await pdfDoc.embedPng(imageBytes);
      const { width, height } = image.scale(1);
 
      // 画像のサイズに合わせたページを追加
      const page = pdfDoc.addPage([width, height]);
 
      // ページに画像を描画
      page.drawImage(image, {
        x: 0,
        y: 0,
        width: width,
        height: height,
      });
 
      console.log(`  ✅ サイズ: ${width}x${height} px`);
    } catch (error) {
      console.error(`  ❌ エラー: ${error.message}`);
      throw error;
    }
  }
 
  // PDF を保存
  console.log(`\n💾 PDF を保存中: ${outputPath}...`);
  const pdfBytes = await pdfDoc.save();
  fs.writeFileSync(outputPath, pdfBytes);
 
  // ファイルサイズを取得
  const stats = fs.statSync(outputPath);
  const fileSizeInMB = (stats.size / (1024 * 1024)).toFixed(2);
 
  console.log(`✅ PDF 作成完了!`);
  console.log(`  📊 ページ数: ${imagePaths.length}`);
  console.log(`  📦 ファイルサイズ: ${fileSizeInMB} MB`);
  console.log(`  📁 保存先: ${outputPath}`);
}
 
/**
 * メイン処理
 */
async function main() {
  const args = process.argv.slice(2);
 
  if (args.length === 0) {
    console.error("❌ エラー: 画像ファイルを指定してください");
    console.log("\n使用方法:");
    console.log(
      "  node scripts/convert-to-pdf.js <画像ファイル1> [画像ファイル2] ... [出力ファイル名]\n",
    );
    console.log("例:");
    console.log(
      "  node scripts/convert-to-pdf.js screenshots/image1.png screenshots/image2.png",
    );
    console.log(
      "  node scripts/convert-to-pdf.js screenshots/image1.png screenshots/image2.png output.pdf",
    );
    process.exit(1);
  }
 
  // 最後の引数が .pdf で終わる場合は出力ファイル名として扱う
  let outputPath = "output.pdf";
  let imagePaths = args;
 
  if (args[args.length - 1].endsWith(".pdf")) {
    outputPath = args[args.length - 1];
    imagePaths = args.slice(0, -1);
  }
 
  // 画像ファイルの存在確認
  const missingFiles = imagePaths.filter((file) => !fs.existsSync(file));
  if (missingFiles.length > 0) {
    console.error("❌ エラー: 以下のファイルが見つかりません:");
    missingFiles.forEach((file) => console.error(`  - ${file}`));
    process.exit(1);
  }
 
  // PNG ファイル以外が含まれていないか確認
  const nonPngFiles = imagePaths.filter(
    (file) => !file.toLowerCase().endsWith(".png"),
  );
  if (nonPngFiles.length > 0) {
    console.warn("⚠️  警告: PNG 以外のファイルが含まれています:");
    nonPngFiles.forEach((file) => console.warn(`  - ${file}`));
    console.log(
      "\n続行しますか? このスクリプトは PNG ファイルのみをサポートしています。",
    );
    console.log("他の形式の場合、エラーが発生する可能性があります。\n");
  }
 
  try {
    await convertToPdf(imagePaths, outputPath);
  } catch (error) {
    console.error("\n❌ PDF 作成中にエラーが発生しました:", error.message);
    process.exit(1);
  }
}
 
// スクリプト実行
main().catch((error) => {
  console.error("予期しないエラーが発生しました:", error);
  process.exit(1);
});