AGENT TOOLING · NPM · 2026エージェントの道具ACTIVE

WhipUI

コーディングエージェント向けの薄いパッケージに2つのスキル。WhipUIは仕様から作り、WhipDesignは大まかな依頼をUXとビジュアルに変える。

AIが作ったフロントエンドを、デザインされたものに見せる。

ブリーフを読み取り、ページが必要かどうか、何を載せるか、コンセプト、UXの意図、アートとアセットの方向性、モーションを整理します。

それを実行します。ルーティング、デザインの指紋（Project DNA）、必要に応じて読み込む専門スキル、レンダリング後の批評を担当します。

インストール

Codex、Claude Code、VS Code agent 向けに、グローバル設定ではなくプロジェクトごとにインストールします。

npx whipui init

大まかなデザインブリーフに沿った作業を支える用途から始まり、より本格的なデザインハーネスへと発展しました。新しいモデルは自力で扱える範囲が広がったため、一部のレイヤーは不要になっているかもしれません。

今あるもの: npm 0.1.0 → 1.2.0（2026年8月11日〜9月14日）、GitHub リリース5件。Codex、Claude Code、VS Code agent 向けに npx whipui init でプロジェクトごとにインストールできます。
役立ちそう: 私自身の利用では、AIがブリーフに沿って作業し、各要素に理由を持たせ、UXをより明示的に考えるのに役立ちました。
未証明: 一般的な出力の減少、または品質の向上を計測したこと。
現在のアーキテクチャが正しいこと。
不要になるかも: 新しいモデルが自力で扱えるレイヤー。