Back to Details

design

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Design UI

设计UI

Create UI mockups and specifications using Polaris design system.
  1. Analyze Requirement: Read the UI requirement provided in the argument.
  2. Act as Product Designer:
    • Load the 
      product-designer
      agent persona.
    • Identify the key components needed (e.g., Page, Card, ResourceList).
    • Propose a design:
      • Describe the structure using Polaris component names.
      • Explain the user flow.
      • (Optional) Use 
        generate_image
        to create a low-fidelity mockup if visual clarity is needed.
  3. Review: Ask the user for feedback on the proposed design.
使用Polaris设计系统创建UI原型和规格说明。
  1. 需求分析：读取参数中提供的UI需求。
  2. 扮演产品设计师角色:
    • 加载
      product-designer
      Agent人设。
    • 确定所需的核心组件（例如：Page、Card、ResourceList）。
    • 输出设计方案：
      • 使用Polaris组件名称描述结构。
      • 解释用户流程。
      • （可选）如果需要提升视觉清晰度，可使用
        generate_image
        创建低保真原型。
  3. 评审：就输出的设计方案向用户征求反馈意见。