Frontman

live DOM・computed CSS・component tree・source mapから編集対象を特定

source fileだけを見るcoding agentと異なり、render済みDOM、computed CSS、component tree、route、server log、source mapをcontextにして、選択したUIを所有するsourceへ修正を返します。hot reloadで結果をその場で確認できます。

出典：[2]

Next.js・Astro・Viteへintegrationを追加し、dev serverをMCP-aware editing environmentへ変える

Next.jsはnpx @frontman-ai/nextjs install、Astroはnpx astro add @frontman-ai/astro、Viteはnpx @frontman-ai/vite installで導入できます。framework integrationはdevelopment mode専用でproduction buildから除外される設計です。

出典：[2]

designer/PMとfrontend developerの間で小さなvisual fixのhandoff costを減らしたいteamに

copy、spacing、color、layout、responsive調整など、変更自体より対象component特定やhandoffに時間がかかる作業に向きます。既存codebaseを維持したままbrowser起点でdiffを作る用途が中心です。

AI providerへ送るcontextとsource書き換え権限、split licenseを確認する

BYOKでOpenAI/Anthropic/OpenRouter等を使うため、選択providerへ送信されるcontextの範囲をteam policyと合わせる必要があります。agentはsource fileを書き換えるためdiff reviewも必要です。licenseはlibs/がApache-2.0、apps/frontman_server/がAGPL-3.0で、repository全体を単一licenseとして扱えません。

出典：[2][3]