SmartShot

デモ（22秒）：選択モードを起動すると、マウスを乗せた部分（見出し・カード・アイコン）に選択枠が自動で吸い付きます。角の丸いアイコンは丸みごとぴったり選択。A キーを押せば画面全体もまるごと選択できます。自動の吸い付きに頼らず、ドラッグで手動の範囲選択もできます。

角の丸いボタンやカードも、丸い形のままスクショできたら便利だなと思って作ってみました。そういうアプリがあることは知っていましたが、今なら AI 使えば自分で作れるだろうと思い、やってみました。また、AI に何かを依頼するときにスクリーンショットを添付すると、かなり正確に状況を把握してくれます。SmartShot なら撮った瞬間にコピーされるので、チャット欄に貼り付けるだけで済みます。マニュアルや手順書を作るときの「きれいに撮り直す」手間をなくす用途にも使えます。

できること

• 撮ると同時にコピーされます。AI のチャット欄にそのまま貼り付けられるので、保存も添付も要りません
• 必要な部分だけを切り出せます。画面全体を送るとどこの話か伝わりにくくなりますが、エラーの出ている枠だけを渡せば、質問も答えも短くなります
• ドラッグで自由に範囲を選ぶこともできます。範囲を動かすと近くにある枠線に自動で吸着するので、ぴったり合わせるために少しずつ動かす作業が要りません
• 角が丸いボタンやカードは、丸い形のまま切り抜きます
• 範囲を選んでいる途中でページをスクロールしても、選び直さずに続けられます
• キーボードだけで撮れます。マウスに持ち替えずに、キーを2回押すだけで終わります
• 範囲を選ばずに、表示中の画面を丸ごと撮ることもできます。細かく選ばずどんどん撮って渡したいときに使えます
• 撮ったあとの動きを選べます。「コピーだけ」にすると、保存先を聞く画面が出ないので、撮ってそのまま貼り付けられます。終わると音で知らせます

紹介記事

作った経緯を note に書いています：アプリが高かったので、Claude Code で作ってみました（Chrome 拡張機能）

関連

ブラウザの外でも使えるようにした SmartShot Mac 版 もあります。