ShotMe - HTMLを画像として出力してくれるアプリ

html図解を画像にしてくれるアプリ！！！

Claude3.7Sonnetはhtml図解がとても良いのですが、すぐに画像として撮れないと面倒なのでこのアプリを使うとサクサクになるでしょう。

👇ダウンロードはこちらから

FocuSee Project 2025-02-26 01-48-04.gif

特定の要素だけ画像化したいときは、HTML に class="shotme" を追加してください。


<div class="shotme">
  <!-- この要素だけが画像化されます -->
  <h1>タイトル</h1>
  <p>コンテンツ</p>
</div>

shotmeに渡すために、ClaudeやChatGPTで図解を作るときは、図解のカードに <div class="shotme"> とつけてくださいと指示出ししてもいいでしょうね。