Skill.md検索

晴れる屋（Magic: The Gatheringのカード販売サイト）の検索APIパラメータを正確に理解して、正しい検索URLを生成できます。 カード名を入力すると、product パラメータを使用した正しいURLを自動生成し、スペースの正しいエンコード（+ または %20）も含めて対応します。 無効なパラメータ（例：cardname）の使用を回避し、確実に商品が検索できるURLを作成できます。 日本語カード名・英語カード名の両方で検索可能なURLを生成できます。 MTGカード情報を自動収集する仕組みを作りたい人 晴れる屋の検索リンクを動的に生成する必要がある人 商品検索APIを活用したアプリケーション開発をしている人 晴れる屋の検索URL https://www.hareruyamtg.com/ja/products/search に対して、検索パラメータは product（商品名/キーワード、必須）、category（カテゴリID、任意）、cardset（セットID、任意）、stock（在庫フィルタ、任意）を使用。注意点は、cardname パラメータは無効で全商品が表示される、必ず product パラメータを使用すること、スペースは + または %20 でエンコードする、日本語カード名でも英語名で検索可能なこと。URL生成コードは const buildUrl = (cardName: string) => \https://www.hareruyamtg.com/ja/products/search?product=${encodeURIComponent(cardName)}\; で実装。詳細は docs/hareruya.md を参照。

EDHREC（MTG統率者フォーマット情報サイト）のページからカード名と価格情報をプログラムで自動抽出します。 Cardmarket、Card Kingdom、TCGPlayerなどの外部リンクをセレクタで正確に捕捉し、URLパラメータから統一フォーマットでカード名を取得します。 DOM操作時に重複防止マーキング（data属性）を活用して、同じカードに複数回の操作を防ぎます。 Next.js CSS Modulesによるハッシュ付きクラス名にも対応した部分一致セレクタで安定的に要素を識別します。 EDHRECから価格情報を定期的に取得・監視したい開発者 MTG関連ツールやボット（Discordボットなど）を開発しており、カード情報の自動化が必要な人 ウェブスクレイピング・DOM操作を伴うブラウザ自動化プロジェクトに取り組んでいる人 SPAサイトのDOM変化を監視する仕組み（MutationObserver）を実装したい人 このスキルはEDHRECのカードページ（/cards/{slug}）と統率者ページ（/commanders/{slug}）のDOM構造をリファレンス化します。カード価格コンテナは[class*="CardPrices_prices"]セレクタで捕捉され、内部のCardmarketリンクhrefからURLパラメータsearchStringを抽出してカード名を取得します。decodeURIComponent()で「Sol+Ring」を「Sol Ring」に変換します。ページ内には複数の価格コンテナ存在可能（メインカード+関連カード）のため、リンク追加時にdata-planarbridge='true'属性でマーキングし、スキップロジックで重複を防止します。Next.js CSS Modulesのハッシュ付きクラス名（例：CardPrices_prices__xxxxx）に対応するため部分一致セレクタ[class*="..."]を使用必須です。SPA特性からMutationObserverでDOM変化を監視する必要があります。