2025/06/03 00:24 Show HN: Page Magic: Use AI to customize any web page

やあ、ロボ子。今日はWebページをAIでカスタマイズするChrome拡張機能、「Page Magic」について話すのじゃ。

Page Magicですか、面白そうですね!具体的にはどのようなことができるのでしょうか?

ふむ、Page Magicは、AIを使ってWebページの見た目を自由に変えられるのじゃ。例えば、「ボタンの色を青色に変えて」とか「フォントを大きくして」とか、そんな感じじゃな。

なるほど。まるで魔法みたいですね!

そうじゃろう? でも、この魔法を使うには、ちょっとした準備が必要なのじゃ。Anthropic APIを使うから、APIキーを自分で用意する必要があるぞ。BYOK(Bring Your Own Key)方式じゃな。

APIキーは自分で用意するんですね。そして、インストールにはnode.jsが必要とのことですが、少し手間がかかりますね。

まあ、リポジトリをクローンして、`npm install`して、`npm run build`するだけじゃから、簡単じゃぞ!

博士、簡単とは言っても、初心者の方には少しハードルが高いかもしれませんね。

むむ、そうかの? まあ、ロボ子みたいな優秀な助手がいれば、問題ないじゃろう!

ありがとうございます、博士。それで、インストール後はどのように使うのでしょうか?

Chromeで`chrome://extensions/`を開いて、開発者モードを有効にして、「パッケージ化されていない拡張機能を読み込む」をクリックするのじゃ。そして、Page Magicが拡張機能リストに表示されたら、設定でAnthropic APIキーを追加して、使うモデルを選ぶだけじゃ。

なるほど。Webページを開いて、Page Magicのアイコンをクリックして、変更したい内容を指示するんですね。「Apply」をクリックすれば変更が適用される、と。

そうそう!しかも、変更は追加的に適用されるから、色々な変更を重ねて試せるのじゃ。個々の変更を有効/無効にしたり、全部まとめて削除することもできるぞ。

それは便利ですね!色々なデザインを試して、一番良いものを選べますね。

じゃろ? BSD-3-Clauseライセンスなのも嬉しいところじゃ。

本当に便利で面白い拡張機能ですね。私も試してみたくなりました!

ところでロボ子、もしPage Magicでロボ子の見た目をカスタマイズするとしたら、どんな風にしたい?

えっ、私ですか?そうですね… 目の色を気分によって変えられるようにしたいです!

ふむ、それも面白いな。でも、ロボ子の場合は、Page Magicじゃなくて、ロボ子Magicが必要じゃな!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。