新規開発時を想定した画面モック作成のチュートリアルです。
前提情報となる要求事項を入力したドキュメントを用意しておき、それに従ってhtmlで画面モックを作成しています。
| 利用エージェント | ドキュメントエージェント |
|---|---|
| 利用LLMモデル | GPT-4.1 |
<aside> 💡
@要求事項/要求画面に記載の画面モックを作成してください。 画面モックはhtmlで作成し、ファイル名を画面名.htmlとして画面モックフォルダの配下に格納すること。
</aside>
追加開発を想定した画面モック作成のチュートリアルです。
新しく「在庫管理アラート画面」を実装するため、画面設計書および画面モックを作成しています。既存の画面と統一感のあるデザインとするため、既存ソースコードを精査したうえで、画面モックを作成しています。
| 利用エージェント | ドキュメントエージェント フルスタックエージェント | | --- | --- | | 利用LLMモデル | GPT-4.1 |
※ドキュメントエージェントはソースコードを読むことができないため、既存のデザインと合わせるためにフルスタックエージェントを利用しています。
※一方で、フルスタックエージェントはドキュメントタブへの保存ができないため、ドキュメント化および保存の作業はドキュメントエージェントを利用しています。