Design Stock（Chrome拡張）
スクショ＋カラータグで参考デザインを整理するリサーチ支援ツール
概要
Design Stock は、見ているWebページをワンクリックでスクリーンショット保存し、ページURL・タイトル・タグ・自動抽出したカラーパレットとまとめてコレクション化するChrome拡張です。 保存したデザインはギャラリー画面でPinterest風に閲覧でき、タグ・テキスト・カラー検索で素早くリファレンスを探せます。 デザインリサーチやサイト収集の手間を減らしたい個人開発者やデザイナー向けのMVPです。 主な機能 - 表示中タブをショートカット（Alt+Shift+S / ⌥ShiftS）でキャプチャし保存モーダルを開く - URLの重複チェックと自動通知で同じサイトの二重登録を防止 - カラーパレットを自動生成し、クリックでタグ追加＆HEXコピー - ギャラリー上でタイトル/URL/タグ全文検索、色近似検索、タグフィルターに対応 - JSON形式でのエクスポート/インポート（バックアップ・移行用） - スクリーンショットの縮小設定や色差しきい値を config.json で調整可能 ターゲット / 想定ユースケース - Webデザインのリファレンスを整理したいデザイナー - LP/プロダクトサイトを収集するマーケターやPM - UIインスピレーションをすぐ掴みたい個人開発者 使い方の流れ 1. 拡張を読み込んでツールバーから起動 2. 気になるページでショートカットまたはアイコンクリック → 保存モーダルでタグ編集し保存 3. オプションページのギャラリーで一覧表示、検索・フィルター・色検索を活用 4. JSONエクスポートでバックアップ、別環境ではインポートで復元