Back to Details

prototype-design

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Instructions

Instructions

1、读取需求分析文档：
  • 读取当前工作目录根目录下的output/doc文件夹下的 requirements-analysis-review.md文件，理解其中的设计需求和要求
  • 如果用户提供了需求分析文档，则读取用户提供的需求分析文档
  • 如果用户没有提供需求分析文档，只是语言描述，则请首先分析需求，拆解需要要点，如果用户确认无误，则进行后续操作。 2、根据设计需求，拆解关键需求要求和用户交互逻辑 3、根据拆解的需求，进行原型设计，直接在当前工作目录的根目录下的output文件夹下创建design-output文件夹，输出你所有的设计文件内容及项目文件，包括可交互的html文件及配套的资源文件等 4、输出的html文件请进行初步的交互验证测试，避免出现问题
  1. Read the requirements analysis document:
  • Read the requirements-analysis-review.md file in the output/doc folder under the root directory of the current working directory, and understand the design requirements and specifications therein
  • If the user provides a requirements analysis document, read the user-provided requirements analysis document
  • If the user does not provide a requirements analysis document but only a verbal description, first analyze the requirements, break down the key points, and proceed with subsequent operations only after the user confirms they are correct.
  1. Break down key requirement specifications and user interaction logic based on the design requirements
  2. Conduct prototype design based on the decomposed requirements, directly create a design-output folder in the output folder under the root directory of the current working directory, and output all your design file contents and project files, including interactive HTML files and supporting resource files, etc.
  3. Conduct preliminary interaction verification tests on the output HTML files to avoid issues

Guideline

Guideline

  • 输出必须是可运行的html文件
  • 如果涉及临时数据存储，请写txt文件作为临时数据的存储
  • 同时请输出配套的项目readme手册
  • 设计请简约大气，避免过于花哨
  • 设计过程中请满足 reference文件下的 design-rule.md 中的设计规范要求
  • The output must be runnable HTML files
  • If temporary data storage is involved, use txt files for temporary data storage
  • Also output a supporting project README manual
  • The design should be simple and elegant, avoiding excessive flashiness
  • During the design process, comply with the design specifications in design-rule.md under the reference folder