--- description: フロントエンドまたはビジュアル作業に対して、制限付きイテレーションとスコアリングによるジェネレーター/エバリュエーターデザインループを実行します。 --- $ARGUMENTSから以下を解析: 1. `brief` — 作成するデザインのユーザーの説明 2. `--max-iterations N` — (オプション、デフォルト10)デザイン-評価サイクルの最大回数 3. `--pass-threshold N` — (オプション、デフォルト7.5)合格するための重み付きスコア(デザイン向けにデフォルトが高い) ## GANスタイルデザインハーネス フロントエンドのデザイン品質に特化した2エージェントループ(ジェネレーター + エバリュエーター)。プランナーなし — ブリーフが仕様そのものです。 これはAnthropicがフロントエンドデザイン実験で使用したのと同じモードで、CSSパースペクティブとドアウェイナビゲーションによる3Dオランダ美術館のようなクリエイティブなブレイクスルーが見られました。 ### セットアップ 1. `gan-harness/`ディレクトリを作成 2. ブリーフを直接`gan-harness/spec.md`として書き込み 3. Design QualityとOriginalityに追加の重みを付けたデザイン特化の`gan-harness/eval-rubric.md`を書き込み ### デザイン特化の評価ルーブリック ```markdown ### Design Quality(重み: 0.35) ### Originality(重み: 0.30) ### Craft(重み: 0.25) ### Functionality(重み: 0.10) ``` 注: Originalityの重みが高め(0.30 vs 0.20)で、クリエイティブなブレイクスルーを促進します。Functionalityの重みが低いのは、デザインモードがビジュアル品質に焦点を当てるためです。 ### ループ `/project:gan-build`のフェーズ 2と同じですが、以下が異なります: - プランナーをスキップ - デザイン特化のルーブリックを使用 - ジェネレータープロンプトが機能の完全性よりビジュアル品質を強調 - エバリュエータープロンプトが「すべての機能が動くか?」より「デザイン賞を受賞できるか?」を強調 ### gan-buildとの主な違い ジェネレーターには次のように指示されます:「あなたの最優先目標はビジュアルの卓越性です。機能的だが見た目の悪いアプリよりも、見事だが半完成のアプリが勝ります。クリエイティブな飛躍を追求してください — 型破りなレイアウト、カスタムアニメーション、独特なカラーワーク。」