Example of a Prompt

Agent: Document Agent

<aside> <img src="notion://custom_emoji/be6005d7-8302-4c8e-93fe-03d0d3d71970/12f3c107-d7a8-8009-8054-007a9b09b0b8" alt="notion://custom_emoji/be6005d7-8302-4c8e-93fe-03d0d3d71970/12f3c107-d7a8-8009-8054-007a9b09b0b8" width="40px" />

@Referring to the Member Information Update Use Case Document, design the required front-end screens and output them according to the @VB.NET Screen Design Template format.

</aside>

Template

# 1. Basic Info

- Screen ID:
- Name:
- Overview:

## 2. Layout

### 2.1 Structure

List objects by file/control name (e.g., Form1, btnSearch).
Flow: left → right.

```mermaid
%%{init: {'theme': 'neutral', 'themeVariables': { 'fontFamily': 'Meiryo', 'fontSize': '15px'}}}%%
flowchart TD
    A["Form/Window"] --> B["Control (Button/TextBox/ComboBox, etc.)"]
    B --> D["Form Elements (TextBox, CheckBox, etc.)"]
    B --> E["Data Display (ListView, DataGridView, etc.)"]
    B --> F["Action (Button/Event)"]
    B --> C["Branch Condition"]
    classDef page fill:#d0d1ff,stroke:#333,stroke-width:2px,color:#000
    classDef component fill:#ffe680,stroke:#333,stroke-width:2px,color:#000
    classDef condition fill:#c2e0c2,stroke:#333,stroke-width:2px,color:#000
    classDef form fill:#ffcce0,stroke:#333,stroke-width:2px,color:#000
    classDef data fill:#c6c6ff,stroke:#333,stroke-width:2px,color:#000
    classDef action fill:#ffb3b3,stroke:#333,stroke-width:2px,color:#000
    class A page
    class B component
    class C condition
    class D form
    class E data
    class F action
    style A text-align:center
    style B text-align:center
    style C text-align:center
    style D text-align:center
    style E text-align:center
    style F text-align:center

3. Input Items

Validation

• Text: Chars, min/max, width, symbols, spaces, prohibited
• Numeric: Range, decimals, places, unit
• Selection: Choices, initial, required

4. Buttons & Actions

• Example: btnSearch\_Click (On Click: Check, Get, Show)
• Handlers: Handles, Try-Catch, ErrorProvider

5. Errors & Messages

6. Backend

• URL/Conn:
• Method:
• Note:

7. Other

• Prev Screen:
• Next Screen:
• (ShowDialog/DialogResult)

## Output Image

```markdown
# 1. Basic Information

- Screen ID: MemberInfoUpdate
- Screen Name: Member Information Update
- Overview: Allows logged-in members to update email, password, and profile image with validation and notifications.

## 2. Screen Layout

### 2.1 Structure

```mermaid
flowchart TD
    A["Member Information Update"]
    B["Email Change"]
    C["Password Change"]
    D["Profile Image Change"]
    E[Save]
    F[Cancel]
    G{Validation}
    H[Notification]
    A --> B
    A --> C
    A --> D
    B --> E -.-> G
    C --> E -.-> G
    D --> E -.-> G
    G --> H
    F --> A

3. Input Items

3.1 Form Items

3.2 Input Rules & Validation

Email

• Chars: Alphanumeric, symbols (half-width)
• Max: 255
• Required
• Invalid format, duplicate not allowed

Password

• Min: 8, Max: 100
• Required
• Weak or unmatched passwords not allowed

Image

• JPEG, PNG only
• Max size: 2MB
• Required (if not selected, keep existing)

4. Buttons & Actions

4.1 Buttons

4.2 Actions

btnSave\_Click

• On Click: Validate, send data, show result

btnCancel\_Click

• On Click: Return to initial or previous screen

5. Error & Messages

5.1 Validation Errors

5.2 System Errors

6. Backend Integration

6.1 Transmission Destination

• URL: /api/member/update
• Method: REST API
• Auth token required

6.2 Transmission Items

7. Other Notes

7.1 Screen Transition

• Previous: Member Profile
• Next: Notification or Member Profile