graph TD A[Chat UI Builder Start] --> B[Receive Input Requirements] B --> C[Layout Guidelines] B --> D[Brand Guidelines] B --> E[Interaction Flow Specs] C --> F[Process Requirements] D --> F E --> F F --> G[Generate Code via Skill #223] G --> H[Create HTML Structure] G --> I[Generate CSS Styling] G --> J[Build JavaScript Logic] H --> K[Widget Container] H --> L[Chat Messages Area] H --> M[Input Field] I --> N[Apply Brand Colors] I --> O[Set Font Styles] I --> P[Define Animations] J --> Q[Toggle Functions] J --> R[Input Handlers] J --> S[Message Display Logic] K --> T[Combine Components] L --> T M --> T N --> T O --> T P --> T Q --> T R --> T S --> T T --> U[Output Final UI Code] U --> V[Chat UI Builder End]