flowchart TD classDef phaseNode fill:#3B82F6,color:white,stroke:#1D4ED8,stroke-width:2px classDef featureNode fill:#93C5FD,color:#1E3A8A,stroke:#60A5FA,stroke-width:2px classDef userNode fill:#DBEAFE,color:#1E40AF,stroke:#93C5FD,stroke-width:2px A[User Requirements] -.-> B(Feature Extraction) B -.-> C(Screen Mapping) C -.-> D(User Flow Creation) D -.-> E(Human Review) E -.-> F(Final Implementation) B -->|Feature 1| G[Authentication] B -->|Feature 2| H[Dashboard] B -->|Feature 3| I[Profile Management] G -->|Login| J[Login Screen] G -->|Register| K[Signup Screen] H -->|Overview| L[Main Dashboard] I -->|Edit| M[Profile Settings] A:::nodeA B:::phaseNode C:::phaseNode D:::phaseNode E:::phaseNode F:::phaseNode G:::featureNode H:::featureNode I:::featureNode J:::userNode K:::userNode L:::userNode M:::userNode linkStyle 0,1,2,3,4 stroke:#3B82F6,stroke-width:2px,stroke-dasharray:5 5