PRD → 編集可能な製品ページ
要件を情報階層、コンポーネント、レスポンシブ動作、実際のUI文言に落とします。
UIDesigner 編集できるUI・UX
プロダクト目標やデザイン参考を、編集できるUIへ。
UIDesignerが要件、既存画面、ブランド参考を、レスポンシブ対応で確認しやすいHTML中心のUIにします。
成果物 HTML CSS レスポンシブ状態
完了できること
編集できる成果を得る3つのUIタスク。
新しいフロー、既存画面の再設計、レスポンシブ状態の整備に対応します。
既存画面 → 目的を絞った再設計
機能する構造を保ちながら、階層、明快さ、完了導線を改善します。
デスクトップフロー → レスポンシブ展開
モバイル配置、ナビ、空・読み込み・主要エラー状態を定義します。
進め方
1つの依頼から、確認できる成果物まで。
目標を伝える
素材、条件、欲しい結果を共有します。
計画を確認
本作業の前に、範囲と進め方を確認します。
作業を実行
Agentがタスクを進め、成果を整理します。
確認して修正
成果物を確認し、必要な部分だけ修正を依頼します。
UIDesignerで最初のタスクを始めましょう。
Orkasをインストールし、モデルを選び、タスクと素材を追加します。
インストール
お使いのパソコン向けのビルドをダウンロードし、通常の手順でインストールします。
モデルを選択
利用可能な公式モデルを使うか、対応プロバイダーを接続します。
製品情報を追加
目標、ユーザー、必要なフロー、現行画面や参考、ブランドルールを共有します。
FAQ
始める前によくある質問。
何を用意すればよいですか？
製品目標、対象ユーザー、必要フロー、現行UIや参考、ブランド・技術条件を共有してください。
一部だけ修正できますか？
はい。変更箇所を指定し、承認済みの部分はそのまま残せます。
何を受け取れますか？
編集可能なHTML中心のUI、レスポンシブ状態、主要な判断メモを受け取れます。