Brief Studio, built from scratch
最初の30秒を、画面の骨格に変える。
X投稿の「会話しながら設計する」流れを、最初のブリーフ固定に寄せた完全新規デザイン。プロンプト、対象、出力形式を一画面で揃える。
調査から抽出した使い方
- 公式Quickstart: Node.js 24.x、pnpm 10.33.x、Corepackで固定版pnpmを使う。
- 起動入口: pnpm tools-dev run web。daemonとwebを立ち上げ、表示されたURLを開く。
- 初回利用: local agent CLIを検出し、skillとdesign systemを選び、promptを送る。
- 生成結果: artifactのHTMLが右側でlive previewされ、Save to diskで.od/artifacts配下に保存できる。
- X投稿の要点: Open DesignをCodex内のvisual canvasとして使い、design、code、motionを同じ会話で反復する。