Design Agent by Lokuma

Design Agent は、すでに使っているツールから呼び出されるように作られている。Claude Code、Cursor、Codex、Lovable、Bolt が含まれる。1 行のシェルコマンドで一度導入すれば、エージェントが作業の途中で使えるデザイン能力になる。つまり、覚える新しいエディタはなく、コードツールとデザインツールの間を行き来する必要もない。Cursor のユーザーはエディタを離れずに、実質的な Cursor デザインプラグインを手に入れる。

エージェントは AI が普段飛ばす部分を扱う。余白、整列、視覚的階層、そして内容がページをどう流れるかである。モデルが生成したものを読み、読者が最初にどこを見るべきか分かるよう視覚的な提示を組み直す。これが、動く出力とデザインされた見た目の出力の核心的な違いだ。小さな変更、大きな効果。

書体スケールを定め、見出しを本文に対して比例した大きさにし、ページ全体で余白を一貫させる。タイポグラフィは AI の出力が安っぽく見える最短経路の一つで、ここでデザイン層が存在価値を示す。悪い書体はそれ以外が良くてもページを台無しにする。良い書体は意図的に見せ、それがここでの仕事のすべてだ。

Design Agent は API として、または MCP サーバー経由で呼び出せる。これにより外部サービスに到達できるほぼすべての AI スタックから使え、チームが自前のモデルと配備を前提に組む独自パイプラインも含む。開発者は組み込める。単一ツールへの囲い込みはない。

課金は呼び出しごとの従量制で、無料のウェルカムクレジットが付くので決める前に試せる。Design Agent と別系統の Website Builder は同じログインを共有するが、クレジット残高は独立して保つため、両方使ってもコストは読める。やめれば解約するサブスクはない。これは、便利な機能を月額プランの背後に閉じ込めるほとんどのデザインツールとの実質的な違いだ。

同じデザインエンジンが Lokuma の Website Builder と 67 のテンプレートライブラリを動かしており、エージェントが作るページはそれらのテンプレートを見て回るときと同じ品質になる。テンプレートの見た目が気に入るなら、それがデザイン層の生み出すものだ。