改善提案書ジェネレータ（Claude Code スキル）

改善案のリストを渡すと、各案の改善後の画面イメージを描き起こして、 改善指示書つきのPowerPointを生成するツールです。 Claude Code の「スキル」として動きます。

何ができるか

アクセス解析から見つけた課題でも、打ち合わせで出た案を箇条書きにしたものでも、 改善案をテキストかファイルで渡すだけで、提案書の形まで一気に仕上がります。 手作業だと一番時間のかかる「改善後の画面イメージを描く」ところを、AIが引き受けます。

• STEP 1改善案のリストを渡す
• STEP 2AIが各案の改善後イメージを描く
• STEP 3PowerPointが生成される

生成される資料の構成

表紙	タイトル・クライアント名・サイト名・作成月
本資料について	資料の読み方と、画面イメージの位置づけの断り書き
改善案リスト	全件の一覧表。難易度と期待効果を3段階で表示し、着手しやすく効果も大きい案を強調
改善指示書	1案につき1枚。左に概要・根拠・期待効果・実装手順、右に現状と改善後のイメージ

配色は初期状態で業種を選ばない中立なトーンにしてあります。 ブランドカラーを伝えれば、その色を基準に資料全体の配色が組み直されます。

動作環境

Claude Code	必須。このツールはClaude Code上で動きます
Python	3.10 以上
Playwright	画面イメージの生成に使用。導入手順は同梱のREADMEに記載
OS	Windows で動作確認済み（macOS は未検証）

ダウンロード

導入手順

1. スキルを配置する

ZIPを展開すると improvement-deck フォルダが出てきます。これを次の場所に置いてください。

Windows	C:\Users\ユーザー名\.claude\skills\
macOS / Linux	~/.claude/skills/

2. 必要なパッケージを入れる

配置したフォルダで、次の2つを順に実行します。

pip install -r requirements.txt
playwright install chromium

2行目は画面描画に使うブラウザ本体（約150MB）を取得します。初回のみ数分かかります。 この2行目を忘れると、画面イメージの生成だけが失敗します。

3. 動作を確認する

Claude Code を開いて、次のように頼んでください。

同梱のサンプル改善案で提案書を作ってください

PowerPointファイルが生成されれば導入完了です。

使い方

Claude Code に改善案を渡して頼むだけです。

改善案をまとめたので提案書を作ってください。
（ここに箇条書き、またはファイルのパス）

「改善提案書を作って」「改善案をパワポにして」といった言い方で起動します。 情報が足りない場合はClaudeから質問が入ります。

対象ページのURLを添えると、現状の画面を撮影して「現状」と「改善後」を並べた形にもできます。 詳しい使い方は同梱のREADMEをご覧ください。

ご利用にあたって

• 生成される画面イメージは改善の方向性を伝えるためのものであり、実装確定のデザインではありません。 実際に適用する際は、既存のデザインガイドラインやシステム制約との整合を別途ご確認ください。 この断り書きは資料内にも自動で入ります。
• タイトルタグや計測設定など、画面の見た目が変わらない改善案には画面イメージが付きません。 これは仕様で、理由が資料に注記されます。
• 出力内容の正確性は保証できません。提出前に必ず内容をご確認ください。
• 本ツールの利用によって生じた損害について、当社は責任を負いかねます。

お問い合わせ

不具合のご報告や改善のご要望は、ご案内時の連絡先までお寄せください。 いただいた内容は今後の更新の参考にさせていただきます。

improvement-deck v1.0.0 ／ 提供: 株式会社HAPPY ANALYTICS
社内および受託業務でのご利用は自由です。第三者への再配布をご希望の場合は、事前にご一報ください。