WEB制作会社向け：指定URLのWebサイトをブラウズ・解析してQAテスト仕様書（.xlsx）を自動生成するスキル。 ページ構成・リンク・フォーム・レスポンシブなどを実際に調査し、テスト担当者がすぐ使える実用的なExcelを作る。 以下のキーワードや状況で必ず使用すること： - 「テスト仕様書を作って」「QA仕様書を作りたい」「テスト項目を洗い出して」 - 「このサイトのQAをしたい」「URLを指定してテスト仕様書」「納品前チェックリスト」 - 「テストケースをExcelにまとめて」「受け入れテストの準備をしたい」 - 「サイト検証シートを作って」「品質確認書を作って」「バグレポートのテンプレート」 - URLとともに「テスト」「QA」「仕様書」「チェックリスト」「検証」という言葉が出た場合は必ずこのスキルを使うこと
WEB制作会社向けに、指定URLのサイトを解析してQAテスト仕様書Excelを自動生成する。
ユーザーからURLが提供されていない場合は必ず聞く：
「テスト仕様書を作成したいサイトのURLを教えてください。」
Chromeブラウザ（mcp__Claude_in_Chrome__* ツール群）を使ってサイトを調査する。
ブラウザツールが使えない場合は WebFetch で代替する。
ページ一覧の把握
表示・レイアウト要素
リンク・ナビゲーション
フォーム
レスポンシブ対応
調査結果をもとに、以下の4カテゴリでテスト項目を洗い出す。
① 表示・レイアウト確認
各ページについて、以下の観点でテスト項目を作る：
② リンク・ナビゲーション
③ フォーム・入力
フォームが存在する場合、以下を網羅：
④ レスポンシブ対応
以下の主要ブレークポイントでの表示確認：
確認観点：
シート構成： 1シート（「テスト仕様書」シート名）
表のヘッダー行（1行目）：
| No | ページ | カテゴリ | テスト項目 | 確認内容 | 確認環境 | 優先度 | 担当者 | 確認結果 | 備考・不具合メモ |
|---|
列の詳細：
import openpyxl
from openpyxl.styles import Font, PatternFill, Alignment, Border, Side
from openpyxl.utils import get_column_letter
wb = openpyxl.Workbook()
ws = wb.active
ws.title = "テスト仕様書"
# ヘッダースタイル
HEADER_FILL = PatternFill("solid", fgColor="1F4E79") # ダークブルー
HEADER_FONT = Font(name="Meiryo UI", bold=True, color="FFFFFF", size=10)
# カテゴリカラー
CATEGORY_COLORS = {
"表示・レイアウト確認": "DDEEFF", # 水色系
"リンク・ナビゲーション": "D9EAD3", # 緑系
"フォーム・入力": "FFF2CC", # 黄色系
"レスポンシブ対応": "FCE5CD", # オレンジ系
}
# 優先度カラー
PRIORITY_COLORS = {
"高": "F4CCCC", # 赤系
"中": "FFF2CC", # 黄系
"低": "D9EAD3", # 緑系
}
headers = ["No", "ページ", "カテゴリ", "テスト項目", "確認内容", "確認環境", "優先度", "担当者", "確認結果", "備考・不具合メモ"]
col_widths = [5, 18, 22, 35, 55, 25, 8, 10, 10, 35]
カテゴリ色：
DDEEFF）D9EAD3）FFF2CC）FCE5CD）優先度の考え方：
サイトの特性に応じて選択：
Chrome / PC、Firefox / PC、Safari / Mac、Edge / PCSafari / iOS、Chrome / AndroidChrome DevTools（375px）、Chrome DevTools（768px）生成したファイルは以下の形式で保存する：
テスト仕様書_{サイト名またはドメイン}_{YYYYMMDD}.xlsx
例：テスト仕様書_example-com_20260405.xlsx
保存先：/sessions/compassionate-gifted-galileo/mnt/稼働レポート/
ファイル生成後、computer:// リンクでユーザーに提供する。
各ページを均等にカバーしつつ、重要度の高いページ（トップ・お問い合わせ）は特に詳細に記述する。