Example of a Prompt
Agent: Full-stack agent, front-end 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" />
Analyze the source code of this system and output a screen transition diagram for the user management function using the @Screen Transition Diagram Template.
</aside>
Template
# Screen Transition Diagram Template
## 1. Basic Information
| Item | Content |
| ------------- | -------------------- |
| Project Name | \\[Project Name] |
| Author | \\[Author Name] |
| Creation Date | \\[Creation Date] |
| Last Updated | \\[Last Updated Date] |
| Version | \\[Document Version] |
## 2. Overview
### 2.1 Purpose
\\[Briefly describe the purpose and role of this screen transition diagram]
### 2.2 Target System
\\[Describe the scope of the system or application that this screen transition diagram covers]
### 2.3 Related Documents
\\[List requirement definitions, functional specifications, etc. related to this screen transition diagram]
## 3. Screen List
| Screen ID | Screen Name | Overview | Permission |
| --------- | --------------- | ------------------ | ---------------------- |
| \\[SC001] | \\[Login Screen] | \\[Screen Overview] | \\[Required Permission] |
| \\[SC002] | \\[Dashboard] | \\[Screen Overview] | \\[Required Permission] |
| \\[SC003] | \\[User List] | \\[Screen Overview] | \\[Required Permission] |
## 4. Overall Screen Transition Diagram
Create the screen transition diagram for the system using Mermaid according to the legend below.
```mermaid
flowchart TD
A["Normal Screen"]:::normalScreen --- B(System Process):::systemProcess --- C{Branch Process}:::branch
C --- F["/Input Form/"]:::inputForm --- G["\\Output Process\\"]:::outputProcess
classDef normalScreen fill:#0099ff,stroke:#0066cc,color:#ffffff
classDef systemProcess fill:#ff9900,stroke:#cc7a00,color:#ffffff
classDef branch fill:#00cc66,stroke:#009933,color:#ffffff
classDef inputForm fill:#ffcc00,stroke:#cc9900,color:#333333
classDef outputProcess fill:#3366ff,stroke:#0033cc,color:#ffffff
| Shape |
Meaning |
Notation |
| Rectangle |
Normal Screen |
[Screen Name] |
| Rounded Rectangle |
System Process |
(Process Name) |
| Diamond |
Branch Process |
{Branch Name} |
| Trapezoid (short top) |
Input Form |
[/Form Name/] |
| Trapezoid (short bottom) |
Output Process |
[\\Process Name\\] |
5. Error Handling
5.1 System Errors
| Error Code |
Error Content |
Display Screen |
Message |
Handling Method |
| \[E001] |
\[Database Connection Error] |
\[Error Screen] |
\[A system error has occurred] |
\[How to contact admin] |
| \[E002] |
\[Server Error] |
\[Error Screen] |
\[A system error has occurred] |
\[How to contact admin] |
5.2 Business Errors
| Error Code |
Error Content |
Display Screen |
Message |
Handling Method |
| \[B001] |
\[Permission Error] |
\[Current Screen] |
\[You do not have permission for this operation] |
\[How to check permission] |
| \[B002] |
\[Duplicate Data Error] |
\[Current Screen] |
\[This data is already registered] |
\[How to check data] |
6. Reference Materials
6.1 Glossary
| Term |
Definition |
Notes |
| \[Term] |
\[Definition] |
\[Notes] |
7. Change History
| Date |
Version |
Changed By |
Change Details |
| \[Date] |
\[Version] |
\[Changed By] |
\[Change Details] |
## Output Image
```markdown
After analyzing the source code of this system, we have created a screen transition diagram for the user management functionality of the EC site.
Analysis Results
The EC site system implements the following user management functions:
Main Controllers
AdminController: Admin login and dashboard
MemberController: System administrator and member management
After analyzing the source code of this system, we have created a screen transition diagram for the user management functionality of the EC site.
## Analysis Results
The EC site system implements the following user management functions:
### Main Controllers
- **AdminController**: Admin login and dashboard
- **MemberController**: System administrator and member management
- **AuthorityController**: Authority management
- **SecurityController**: Security settings
### Entity Structure
- **Member**: System administrator and member information
- **Authority**: Authority master (System administrator, Store owner)
- **LoginHistory**: Login history
### Authority Levels
- System Administrator (ID: 0)
- Store Owner (ID: 1)
***
# EC Site User Management Functionality Screen Transition Diagram
## 1. Basic Information
| Item | Content |
| ------------ | ----------------------- |
| Project Name | EC Site User Management |
| Author | System Analysis Results |
| Created Date | August 26, 2025 |
| Last Updated | August 26, 2025 |
| Version | 1.0 |
## 2. Overview
### 2.1 Purpose
To clarify the screen transitions for user management functions (admin login, member management, authority management) in the EC site system and promote system understanding.
### 2.2 Target System
User management functions in the EC site admin panel
- Admin login function
- Member management function
- Authority management function
- Security settings function
### 2.3 Related Documents
- AdminController.php
- MemberController.php
- AuthorityController.php
- SecurityController.php
- Member.php entity
## 3. Screen List
| Screen ID | Screen Name | Overview | Authority |
| --------- | ------------------------------ | ---------------------------------- | ----------------------- |
| \\[SC001] | \\[Admin Login Screen] | \\[Screen for admin authentication] | \\[None] |
| \\[SC002] | \\[Admin Dashboard] | \\[Top page of admin panel] | \\[Admin Authority] |
| \\[SC003] | \\[Member List Screen] | \\[List of system members] | \\[System Administrator] |
| \\[SC004] | \\[Member Registration Screen] | \\[Register new members] | \\[System Administrator] |
| \\[SC005] | \\[Member Edit Screen] | \\[Edit member information] | \\[System Administrator] |
| \\[SC006] | \\[Authority Management Screen] | \\[Manage authority settings] | \\[System Administrator] |
| \\[SC007] | \\[Password Change Screen] | \\[Change admin password] | \\[Admin Authority] |
| \\[SC008] | \\[Security Settings Screen] | \\[Security-related settings] | \\[System Administrator] |
| \\[SC009] | \\[Login History Screen] | \\[Check login history] | \\[System Administrator] |
## 4. Overall Screen Transition Diagram
```mermaid
flowchart TD
A[Admin Login Screen]:::normalScreen --> B(Authentication Process):::systemProcess
B --> C{Authentication Result}:::branch
C -->|Success| D[Admin Dashboard]:::normalScreen
C -->|Failure| A
D --> E[Member List Screen]:::normalScreen
E --> F[Member Registration Screen]:::normalScreen
E --> G[Member Edit Screen]:::normalScreen
F --> H(Member Registration Process):::systemProcess
H --> I{Registration Result}:::branch
I -->|Success| G
I -->|Failure| F
G --> J(Member Update Process):::systemProcess
J --> K{Update Result}:::branch
K -->|Success| E
K -->|Failure| G
G --> L(Member Deletion Process):::systemProcess
L --> M{Delete Confirmation}:::branch
M -->|Confirm| N(Delete Execution):::systemProcess
M -->|Cancel| G
N --> E
D --> O[Authority Management Screen]:::normalScreen
O --> P(Authority Setting Process):::systemProcess
P --> Q{Setting Result}:::branch
Q -->|Success| O
Q -->|Failure| O
D --> R[Password Change Screen]:::normalScreen
R --> S[/Enter New Password/]:::inputForm
S --> T(Password Update Process):::systemProcess
T --> U{Update Result}:::branch
U -->|Success| D
U -->|Failure| R
D --> V[Security Settings Screen]:::normalScreen
V --> W(Security Setting Process):::systemProcess
W --> X{Setting Result}:::branch
X -->|Success| V
X -->|Failure| V
D --> Y[Login History Screen]:::normalScreen
Y --> Z[\\Display History Data\\]:::outputProcess
classDef normalScreen fill:#0099ff,stroke:#0066cc,color:#ffffff
classDef systemProcess fill:#ff9900,stroke:#cc7a00,color:#ffffff
classDef branch fill:#00cc66,stroke:#009933,color:#ffffff
classDef inputForm fill:#ffcc00,stroke:#cc9900,color:#333333
classDef outputProcess fill:#3366ff,stroke:#0033cc,color:#ffffff
Sources: /ユーザガイド/画面遷移図テンプレート２
5. Error Handling
5.1 System Errors
| Error Code |
Error Content |
Display Screen |
Message |
Response Method |
| \[E001] |
\[Database Connection Error] |
\[Error Screen] |
\[A system error has occurred] |
\[Contact admin method] |
| \[E002] |
\[Server Error] |
\[Error Screen] |
\[A system error has occurred] |
\[Contact admin method] |
| \[E003] |
\[CSRF Token Error] |
\[Current Screen] |
\[Unauthorized access] |
\[Re-login] |
5.2 Business Errors
| Error Code |
Error Content |
Display Screen |
Message |
Response Method |
| \[B001] |
\[Authentication Error] |
\[Login Screen] |
\[Login ID or password is incorrect] |
\[Re-enter correct info] |
| \[B002] |
\[Authority Error] |
\[Current Screen] |
\[You do not have permission for this action] |
\[Check authority method] |
| \[B003] |
\[Duplicate Data Error] |
\[Current Screen] |
\[Data already registered] |
\[Check data method] |
| \[B004] |
\[Foreign Key Constraint Error] |
\[Current Screen] |
\[Cannot delete this data] |
\[Check related data] |
6. Reference Materials
6.1 Glossary
| Term |
Definition |
Notes |
| \[System Administrator] |
\[User with highest authority, access to all functions] |
\[Authority ID: 0] |
| \[Store Owner] |
\[User with access to store operation functions] |
\[Authority ID: 1] |
| \[Member] |
\[General term for users with admin panel access] |
\[Managed by Member entity] |
| \[CSRF] |
\[Cross-Site Request Forgery protection] |
\[Implemented in all forms] |
7. Change Log
| Date |
Version |
Author |
Change Details |
| \[2025/8/26] |
\[1.0] |
\[System Analysis] |
\[Initial version] |
|
|
|
AuthorityController: Authority management |
|
|
|
SecurityController: Security settings |
|
|
|
Entity Structure |
|
|
|
Member: System administrator/member info |
|
|
|
Authority: Authority master (admin/store owner) |
|
|
|
LoginHistory: Login history |
|
|
|
Authority Levels |
|
|
|
System Administrator (ID: 0) |
|
|
|
Store Owner (ID: 1) |
EC Site User Management Functionality Screen Transition Diagram
- Basic Information
- Overview
2.1 Purpose
To clarify the screen transitions for user management functions (admin login, member management, authority management) in the EC site system and promote system understanding.
2.2 Target System
User management functions in the EC site admin panel
Admin login function
Member management function
Authority management function
Security settings function
2.3 Related Documents
AdminController.php
MemberController.php
AuthorityController.php
SecurityController.php
Member.php entity
- Screen List
- Overall Screen Transition Diagram
- Error Handling
5.1 System Errors
5.2 Business Errors
- Reference Materials
6.1 Glossary
- Change Log
Sources: /ユーザガイド/画面遷移図テンプレート２