Claude Design へのデザイン依頼プロンプト (popup UI・アイコン・ストア用タイル)

Claude Design に依頼するプロンプト。下のコードブロック右上のコピーボタンで全文をコピーし、Claude Design にそのまま貼り付ける。依頼の実行と成果物の受領はユーザーが行い、受領したデザインのプロジェクトへの反映は別 issue として起票して対応する。

````text
Chrome 拡張機能「Web Full Screen Capture」の popup UI とアイコンをデザインしてください。

## プロダクト概要

開いている Web ページを、スクロールしないと見えない範囲まで含めて 1 枚の PNG に保存する Chrome 拡張。ボタンを押すだけで自動でスクロールしながら撮影し、ダウンロードフォルダに保存する。サーバー・アカウント・アクセス解析は持たず、すべてブラウザ内で完結する。

## 対象ユーザー

Web ページの記録・共有 (記事の保存、デザインレビュー、証跡の保存) を日常的に行う人。開発者に限らない。

## デザインしてほしいもの

1. popup (幅 280〜320px 程度、1 画面のみ)
- 見出し「ページ全体をスクリーンショット」
- 主ボタン「撮影して PNG を保存」
- 状態表示: 待機中 / 撮影中 (「撮影中 3 / 12」のような進捗) / 完了 (保存したファイル名と画像サイズ) / エラー (「このページは撮影できません」等)
- ライト / ダークテーマ両対応
2. 拡張機能アイコン (16 / 48 / 128px。Chrome のツールバーで判別しやすいもの。モチーフは「縦長のページ」と「カメラ / キャプチャ」)
3. Chrome ウェブストア掲載用の小さなプロモーションタイル (440×280px) 1 枚

## トーン

- 実用重視・ミニマル。Chrome の UI の隣に置いて違和感のないスタイル
- 現在の実装はアクセント色 #2563eb (青) を使っているが、変更してよい
````

## セッション再開

```sh
cd /Users/bannzai/ghq/github.com/bannzai/webfullscreencapture
claude --resume 3f9f787e-621d-4fa4-9d35-c228e035893d
```

Start by copying the prompt in this issue into Claude Design, using the provided session-resume command only if needed. Done means receiving the popup UI, 16/48/128px icons, and 440×280px store tile designs; implementation in the project is explicitly deferred to a separate issue.

Written by the indexing model from the issue text.