新ツール「⌘+L」でサイト編集

Webサイトを「Figmaファイルのように」編集できる新ツール「⌘+L」

AIコーディングエージェントの普及で、ノンエンジニアがコードを書かずにWebサイトを修正できるツールが相次いで登場している。その中で注目を集めているのが、Product Huntで公開された「⌘+L（Command L）」だ。

公式サイトを見る

ツールの基本的な仕組みは、サイトに専用のスクリプトタグを埋め込むだけで、画面上の要素をFigmaのデザインファイルのように直接編集できるというもの。文章を直したい、ボタンの位置を変えたいといった修正を画面上で指示すると、裏側でAIコーディングエージェントが変更内容を解析し、自動的にプルリクエストとしてまとめてくれる。

何ができるのか

• スクリプトタグを1行追加するだけでサイトを編集モードに
• 画面上の要素をクリックして直接テキストや見た目を変更
• 変更内容をAIが解析し、自動でプルリクエストを生成
• Claude Code、Codex、Letterpress-1など複数のAIエージェントに対応

基本情報まとめ

現場目線で見た期待と注意点

デザイナーやディレクターが「ここの文言を直したい」と思っても、実際にコードを触れるエンジニアに依頼しないと反映できない、という現場は多い。⌘+Lはこのギャップを埋める狙いがあるとみられる。一方で、AIが生成したプルリクエストを最終的にレビュー・承認するのは人間であり、「誰がチェックするか」という運用ルールを現場側で決めておく必要がある点は変わらない。

また、票数217・コメント32件というProduct Huntでの反応は関心の高さを示す一方で、実運用での安定性やセキュリティ面の評価はこれからだ。導入を検討する場合は、まず小規模なサイトやステージング環境で試すことが現実的な選択肢になりそうだ。

公式サイトを見る

まとめ

⌘+Lは、スクリプトタグひとつでWebサイトをFigmaのように編集し、AIエージェントが変更をプルリクエスト化してくれるツールとしてProduct Huntで注目を集めている。ノーコードでの修正依頼とエンジニアのレビュー工程をどう両立させるかは、導入する現場ごとに工夫が必要になりそうだ。あなたの現場なら、このツールをどんな場面で使ってみたいですか。あなたの現場の声を、記事下のアグリコメで聞かせてください。

参考

• ⌘+L - Product Hunt