Kombai

Kombaiを開くと現れるのはチャット欄ではなくキャンバスだ。画面を横に並べ、文字、余白、レイアウトを手で直し、方向性が平坦に感じたらバリエーションを要求する。すべて状態とアニメーションを持つ生のHTMLなので、比べているものと出荷されるものはかなり近い。

コードモードはサンドボックスではなくプロジェクト本体に書き込む。フレームワーク、コンポーネントの書き方、ファイル構成を読み、400を超えるフロントエンドライブラリの定石を当てる。成果物はレビュー可能な差分として届く。マージ前にコード確認を必須にしているチームには効く。

Context Graphsはコンポーネント、デザイントークン、フック、ユーティリティを索引化する。非公開のnpmパッケージやStorybookのストーリーも対象だ。エージェントは見つけたものを再利用し、すでにあるボタンの二番煎じを書かない。判断が蓄積されると、新しいページは古いページと揃っていく。

Figmaファイルは直接の連携で入る。間にMCPサーバーは要らない。複雑なデザインファイルを解釈し、余白を隠す入れ子グループや、そもそも見えるべきでないレイヤーといった定番の不具合を直す。アイコンや素材もレイアウトと一緒に入ってくる。

Kombai Browserはフロントエンドを描画し、コピー、スタイル、レイアウトを視覚的に変更できる。変更はコードへ戻り、そのあとエージェントがユーザーフローを自力でたどって壊れた状態を見つける。ページの最後の一割は往々にして一番遅い部分で、この循環がそこを埋める。

KombaiにはClaude、GPT、Grok、Kimiなどのモデルを呼べるフロントエンドAIエージェントが入っており、タスクにモデルを割り当てる自動ルーターも備わる。レイアウトの判断に強いモデルを回し、繰り返しのコンポーネント作業に安いモデルを充てられる。画像、動画、アニメーションの生成はVeo、Seedance、Nano Bananaが担う。