LovableでChrome拡張を作るときに毎回使っているプロンプトを公開します

はじめに

LovableでChrome拡張を作るとき、

毎回ゼロから説明するのは効率が悪いです。

そこで

私は毎回同じテンプレートを使っています。

これだけでかなり精度が上がりました。

---

プロンプト

Manifest V3でChrome拡張を作成してください。

構成

- manifest.json
- popup.html
- popup.css
- popup.js
- background.js
- content.js

条件

・コードは整理する
・コメントを書く
・不要なpermissionは追加しない
・モダンJavaScriptで書く
・UIはシンプル
・あとから機能追加しやすい構造にする

最後にディレクトリ構成も出力してください。

---

毎回追加する内容

ここへ

「作りたい機能」

だけを書きます。

例えば

• YouTube
• X
• GitHub
• ChatGPT

など。

---

精度を上げるコツ

一気に全部お願いしないこと。

私は

①土台

↓

②機能追加

↓

③UI改善

↓

④リファクタリング

という流れにしています。

---

なぜこの方法なのか

AIは一度に大量実装すると

後半で品質が落ちることがあります。

小さく作る方が

結果的に完成が早いです。

---

まとめ

テンプレートを1つ作ってしまうと

どんなChrome拡張でも

かなり短時間で作れるようになります。

ぜひ自分用にカスタマイズしてみてください。